Learn advanced topics of React for building dynamic user interfaces with reusable components, allowing for efficient updates and rendering.

Zero to Hero in Front-end Development with React

React is one of the front-end frameworks of JavaScript. This module starts with the Context API, refs, error boundaries, portals, and code splitting. Next, we will learn about hooks, Redux and routing, and internationalization. After completing this module, we will be able to use React professionally.

React Deep Dive: Advanced Approaches

What are the two main actors of the Context API?

What are the two main actors of the Context API?

Which method is used to create a Context?

Which method is used to create a Context?

Where is it discouraged to use React Context?

Where is it discouraged to use React Context?

True or False: In the context of multiple Providers, the Consumer component gets its data from the most adjacent Context Provider.

True or False: In the context of multiple Providers, the Consumer component gets its data from the most adjacent Context Provider.

True or False: Contexts allow a way to distribute data from the Provider to Consumers by passing props through the component tree.

True or False: Contexts allow a way to distribute data from the Provider to Consumers by passing props through the component tree.

Quiz

Quiz

Quiz yourself on the knowledge you learned about Context API.

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

Appendix

Conclusion

Quiz