Learning React Modern Patterns for Developing React Apps

Preface
	Conventions Used in This Book
	Using Code Examples
	O’Reilly Online Learning
	How to Contact Us
	Acknowledgments
1. Welcome to React
	A Strong Foundation
	React’s Past and Future
		Learning React: Second Edition Changes
	Working with the Files
		File Repository
		React Developer Tools
		Installing Node.js
2. JavaScript for React
	Declaring Variables
		The const Keyword
		The let Keyword
		Template Strings
	Creating Functions
		Function Declarations
		Function Expressions
		Default Parameters
		Arrow Functions
	Compiling JavaScript
	Objects and Arrays
		Destructuring Objects
		Destructuring Arrays
		Object Literal Enhancement
		The Spread Operator
	Asynchronous JavaScript
		Simple Promises with Fetch
		Async/Await
		Building Promises
	Classes
	ES6 Modules
		CommonJS
3. Functional Programming with JavaScript
	What It Means to Be Functional
	Imperative Versus Declarative
	Functional Concepts
		Immutability
		Pure Functions
		Data Transformations
		Higher-Order Functions
		Recursion
		Composition
		Putting It All Together
4. How React Works
	Page Setup
	React Elements
	ReactDOM
		Children
	React Components
		React Components: A Historical Tour
5. React with JSX
	React Elements as JSX
		JSX Tips
		Mapping Arrays with JSX
	Babel
	Recipes as JSX
	React Fragments
	Intro to webpack
		Creating the Project
		Loading the Bundle
		Source Mapping
		Create React App
6. React State Management
	Building a Star Rating Component
	The useState Hook
	Refactoring for Advanced Reusability
	State in Component Trees
		Sending State Down a Component Tree
		Sending Interactions Back up a Component Tree
	Building Forms
		Using Refs
		Controlled Components
		Creating Custom Hooks
		Adding Colors to State
	React Context
		Placing Colors in Context
		Retrieving Colors with useContext
		Stateful Context Providers
		Custom Hooks with Context
7. Enhancing Components with Hooks
	Introducing useEffect
		The Dependency Array
		Deep Checking Dependencies
		When to useLayoutEffect
		Rules to Follow with Hooks
		Improving Code with useReducer
		useReducer to Handle Complex State
		Improving Component Performance
		shouldComponentUpdate and PureComponent
		When to Refactor
8. Incorporating Data
	Requesting Data
		Sending Data with a Request
		Uploading Files with fetch
		Authorized Requests
		Saving Data Locally
		Handling Promise States
	Render Props
	Virtualized Lists
		Creating a Fetch Hook
		Creating a Fetch Component
		Handling Multiple Requests
		Memozing Values
		Waterfall Requests
		Throttling the Network Speed
		Parallel Requests
		Waiting for Values
		Canceling Requests
	Introducing GraphQL
		GitHub GraphQL API
		Making a GraphQL Request
9. Suspense
	Error Boundaries
	Code Splitting
		Introducing: The Suspense Component
		Using Suspense with Data
		Throwing Promises
		Building Suspenseful Data Sources
		Fiber
10. React Testing
	ESLint
		ESLint Plug-Ins
	Prettier
		Configuring Prettier by Project
		Prettier in VSCode
	Typechecking for React Applications
		PropTypes
		Flow
		TypeScript
	Test-Driven Development
		TDD and Learning
	Incorporating Jest
		Create React App and Testing
	Testing React Components
		Queries
		Testing Events
		Using Code Coverage
11. React Router
	Incorporating the Router
	Router Properties
		Nesting Routes
	Using Redirects
		Routing Parameters
12. React and the Server
	Isomorphic Versus Universal
		Client and Server Domains
	Server Rendering React
	Server Rendering with Next.js
	Gatsby
	React in the Future
Index