React 17 Design Patterns and Best Practices
Third Edition
Third Edition
Design, build, and deploy production-ready web applications using industry-standard practices
BIRMINGHAM - MUMBAI
- Title Page
- Copyrights and Credits
- Dedication
- Contributors
- Preface
- Hello React!
- Taking Your First Steps with React
- Technical requirements
- Differentiating between declarative and imperative programming
- How React elements work
- Unlearning everything
- Understanding JavaScript fatigue
- Introducing TypeScript
- TypeScript features
- Converting JavaScript code into TypeScript
- Types
- Interfaces
- Extending
- Implementing
- Declaration merging
- Summary
- Cleaning Up Your Code
- Technical requirements
- Using JSX
- Babel 7
- Creating our first element
- DOM elements and React components
- Props
- Children
- Differences with HTML
- Attributes
- Style
- Root
- Spaces
- Boolean attributes
- Spread attributes
- Template literals
- Common patterns
- Multiline
- Multi-properties
- Conditionals
- Loops
- Control statements
- Sub-rendering
- Styling code
- EditorConfig
- Prettier
- ESLint
- Installation
- Configuration
- Git Hooks
- Functional programming
- First-class functions
- Purity
- Immutability
- Currying
- Composition
- FP and UIs
- Summary
- How React Works
- React Hooks
- Technical requirements
- Introducing React Hooks
- No breaking changes
- Using the State Hook
- Rules of Hooks
- Rule 1: Only call Hooks at the top level
- Rule 2: Only call Hooks from React Functions
- Migrating a class component to React Hooks
- Understanding React effects
- Understanding useEffect
- Firing an effect conditionally
- Understanding useCallback, useMemo, and memo
- Memoizing a component with memo
- Memoizing a value with useMemo
- Memoizing a function definition with useCallback
- Memoizing function passed as an argument in effect
- Understanding the useReducer Hook
- Summary
- Exploring Popular Composition Patterns
- Understanding GraphQL with a Real Project
- Technical requirements
- Installing PostgreSQL
- Best tools for PostgreSQL database management
- Creating our .env file and configuration files
- Configuring our .env file
- Creating a basic config file
- Configuring Apollo Server
- Defining our GraphQL types, queries, and mutations
- Queries
- Mutations
- Merging our type definitions
- Creating our resolvers
- Creating the getUsers query
- Creating the getUserData query
- Creating the mutations
- Merging our resolvers
- Creating Sequelize models
- Connecting Sequelize to a PostgreSQL database
- Authentication functions
- What is JSON Web Token?
- JWT functions
- Creating authentication functions
- Types and interfaces
- Running our project for the first time
- Testing our GraphQL queries and mutations
- Validations
- Performing a login
- Building a frontend login system with Apollo Client
- Configuring Webpack 5
- Configuring our TypeScript
- Configuring the Express server
- Creating our frontend configuration
- Creating the user middleware
- Creating JWT functions
- Creating our GraphQL queries and mutations
- Creating our user context to handle the login and the connected user
- Configuring our Apollo Client
- Creating our app routes
- Creating our pages
- Creating our Login components
- Creating our Dashboard components
- Testing our login system
- Summary
- Managing Data
- Writing Code for the Browser
- Performance, Improvements, and Production!
- Making Your Components Look Beautiful
- Server-Side Rendering for Fun and Profit
- Technical requirements
- Understanding universal applications
- Reasons for implementing SSR
- Implementing search engine optimization
- A common code base
- Better performance
- Don't underestimate the complexity
- Creating a basic example of SSR
- Implementing data fetching
- Using Next.js to create a React application
- Summary
- Improving the Performance of Your Applications
- Testing and Debugging
- React Router
- Anti-Patterns to Be Avoided
- Deploying to Production
- Technical requirements
- Creating our first DigitalOcean Droplet
- Signing up to DigitalOcean
- Creating our first Droplet
- Installing Node.js
- Configuring Git and GitHub
- Turning off our Droplet
- Configuring nginx, PM2, and a domain
- Installing and configuring nginx
- Setting up a reverse proxy server
- Adding a domain to our Droplet
- Implementing CircleCI for continuous integration
- Adding an SSH key to CircleCI
- Configuring CircleCI
- Creating ENV variables in CircleCI
- Summary
- Next Steps
- About Packt
- Other Books You May Enjoy
-
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.