0% completed

All LessonsFree Lessons (9)

Introduction

Intro to React and some JavaScript Basics

Hi, my name is React ES6 const and let ES6 Arrow Functions ES6 Classes Complex JavaScript in JSX An Introduction to the create-react-app

Basics in React

Local Component State ES6 Object Initializer Unidirectional Data Flow Bindings Event Handler Interactions with Forms and Events ES6 Destructuring Controlled Components Split Up Components Composable Components Reusable Components Component Declarations Styling Components Recap

Getting Real with an API

Lifecycle Methods Fetching Data ES6 Spread Operators Conditional Rendering Client- or Server-side Search Paginated Fetch Client Cache Error Handling Axios instead of Fetch Recap

Code Organization and Testing

ES6 Modules: Import and Export Code Organization with ES6 Modules Snapshot Tests with Jest Unit Tests with Enzyme Component Interface with PropTypes Debugging with React Developer Tools Recap

Advanced React Components

Ref a DOM Element Loading …Higher-Order Components Advanced Sorting Advanced Sorting: implementing reverse sort Recap

State Management in React and beyond

Lifting State Revisited: setState()Taming the State Recap

Final Steps to Production

Eject Deploy your App

Appendix: Bootstrapping your React App

Requirements npm and node (Optional)Installation Zero-Configuration Setup Introduction to JSX ReactDOM Hot Module Replacement Recap Outline

The Road to React: The One with Class Components/

...

/

Foreword

Foreword

Get a brief look at what we are going to learn in this course!

We'll cover the following...

The Road to learn React teaches you the fundamentals of React. You will build a real-world application along the way in plain React without complicated tooling. Everything from project setup to deployment on a server will be ...