Zero Config Setup

Learn how to create a React starter setup and work with it.

We'll cover the following

Create React App
Working with our first React project

In the past, some people joked that you could easily spend days plugging away at your setup and perfecting it before you actually wrote any lines of code. A solid setup is important and decides to a certain extent whether the quality and maintenance of our application will continue in the future.

Create React App

The React community has done a lot of work for us already. The site JavaScript Stuff contains a total of 198 projects for React Starter Projects. Facebook itself also offers a starter. More specifically, Dan Abramov, who is part of the React core team and creator of Redux, named “Create React App” (or CRA for short).

Get hands-on with 1200+ tech skills courses.

Introduction

Introduction to ES2015+

JSX – an Introduction

Rendering of Elements and Components in React

State and Lifecycle Methods

Event Handling

Forms

Lists, Fragments, and Conditional Rendering

CSS and Styling

Higher Order Components

Functions as a Child and Render Props

Context API

Refs

Error Boundaries

Portals

Code Splitting

Typechecking with PropTypes, Flow, and TypeScript

React Hooks – an Introduction

Hooks in Action

The Hooks API

Routing in React

State Management

Internationalization

Conclusion

Appendix

Zero Config Setup

Create React App