Table of contents

Introduction

• Introduction to React
• How to install React

Modern JavaScript core concepts you need to know to use React

• How much JS you need to use React
• Variables
• Arrow functions
• Work with objects and arrays using Rest and Spread
• Object and array destructuring
• Template literals
• Classes
• Callbacks
• Promises
• Async/Await
• ES Modules

React Concepts

• Single Page Apps
• Declarative
• Immutability
• Purity
• Composition
• The Virtual DOM
• Unidirectional Data Flow

In-depth

• JSX
• Components
• State
• Props
• Presentational vs container components
• State vs Props
• PropTypes
• Fragment
• Events
• Lifecycle events
• Handling forms
• Reference a DOM element
• Server side rendering
• Context API
• Higher-order components
• Render Props
• Hooks
• Code splitting

Styling

• CSS in React
• SASS with React
• Styled Components

Tooling

• Babel
• Webpack

Testing

• Introduction to Jest
• Testing React Components

A look at the React Ecosystem

• React Router
• Redux
• Next.js
• Gatsby