Learning React

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
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
Persistent Objects with useRef
useRef with Timers
Improving Component Performance
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
Cancelling 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

10. React Testing
ESLint
ESLint Plugins
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 vs. Universal
Client and Server Domains
Server Rendering React
Server Rendering with Next.js
Gatsby

React in the Future