Official React

"Read the documentation" the senior coders always say...

React Reference - The official react docs.

Quick Start - Demonstrates how to create a basic react app.

React Blog - React's official blog.

UI Component Libraries

React has several libraries focused on providing "plug-and-play" UI components like navbars and menus.

Material UI - A very common UI library for react.

React Bootstrap - Use the popular bootstrap library without jQuery.

Dev Express - A large library that offers components for many frontend frameworks.

React Hooks

"Hooks" are common in react apps and allow you to access state and other features.

Hooks - Offical docs on hooks.

React State

Before learning redux, learn about react's local state like useState() and useContext().

Local State - Learn about how react manages state.

Redux

React has several libraries that can be used to create a global store.

In larger apps, it can be eaiser to import data from the global store than pass them as props between lot of components.

Redux Toolkit - Probably the most common implimentation of redux in react.

Unit Tests

We should programatically test our components and not leave it all to manual testing at the end.

React has several unit testing libraries available, the most common are the React Testing Library and Jest.

They work as a combo, React testing library allows access to the components and Jest is the test runner.

React Testing Library - Provides access to react's components.

Jest - Runs the test, decides on pass or fail result.