The Ultimate React Course: React, Redux and More!

Learning Objectives

Discover what React is and the problems it solves when designing UIs and web applications. Get your first hands-on experience with React. Discover the create-react-app utility that generates a React development toolchain for an incredible developer experience.

Learning Objectives

Gain an insight into components, the building blocks of a React application. Learn about the two main types of components that you can build with React including a conceptual look at state and event listeners. Discover JSX, an HTML like syntax that allows you to express your UI within a React component.

Learning Objectives

• Learn about state which allows you to describe changes to your UI using data.
• Learn about the fundamentals of the Hooks API that lets you incorporate state in a Function component.
• Understand how to use props as conduits that allow you to pass data from a parent to a child component.
• Learn to debug props using type checking.

Learning Objectives

Learn to render lists of components using the map() method. Understand the importance of the 'key' attribute. Learn to use the fragments feature for rendering multiple top level components

Learning Objectives

• Understand the lifecycle of a component and how it can be harnessed.
• Learn to integrate side effects such as fetching data from an API, in a React component. Learn to deal with side effects that require cleanup, such as using Timers. Understand React's SyntheticEvent system.
• Learn about managing errors gracefully using Error Boundaries.

Learning Objectives

Learn to build form elements that are controlled by React. Learn to fetch form data directly from the DOM. Implement debouncing and other techniques to efficiently handle multiple form elements.

Learning Objectives

Implement shared logic using render props. Learn to reuse component logic using the HOC pattern.

Learning Objectives

Learn to render children in a DOM node that is outside of the parent's DOM hierarchy. Understand how event bubbling works with Portals. 

Learning Objectives

Understand the nuances of data flow in a React application, and the issues with sharing global data using props in a deeply nested application. Learn and understand all about the Context API that lets you share global data without using props.

Learning Objectives

Get an introduction to the Hooks API and the motivation behind them. Learn to incorporate stateful properties in a function component using the useState() hook. Learn to ingest data from a Context provider using hooks and to implement the useReducer() hook. Finally, learn to write your own hook.

Learning Objectives

Understand Routing in a React application, and learn about Dynamic Routing and Setup React Routers. Implement nested routing and use query parameters. Learn to protect routes from unauthenticated access.

Learning Objectives

Learn to optimize your production bundle by implementing code splitting using dynamic imports and the Suspense API. Learn to implement code splitting, lazy loading and suspense when working with React Router. 

Learning Objectives

Understand the need for server-side rendered apps. Learn to setup a Node.js (Express) server for rendering React apps on the server. Build a toolchain using Webpack and Babel to compile React code on the server and for the client.

Learning Objectives

Understand the need for a dedicated state management solution and discover Redux. Take your first steps with Redux as you install, setup and connect it to a React application. Learn to build action creators and add mutation logic in the reducer for the Catalog component.

Next, you will learn to use the connect() higher order function to interface React components with the store. You will be able to build action creators and complex state mutation logic for the Cart component. Learn to use Redux hooks and implement optimizations for performance. Also learn to implement middleware, async action creators and data persistence.

Learning Objectives

Understand the role of testing in application development. Learn to use Jest with test-utils from the React-DOM library for writing unit and integration tests. Next, learn to write tests using Jest and the React Testing Library. Finally, learn about React Testing Library, a framework for testing React Components.