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 is one of the simplest ways of using code-splitting?

What is one of the simplest ways of using code-splitting?

What’s the name of the experimental React feature that allows us to add information during the lazy load of a component?

What’s the name of the experimental React feature that allows us to add information during the lazy load of a component?

True or False: We need to use `React.lazy()` while using `React.Suspense`.

True or False: We need to use <code>React.lazy()</code> while using <code>React.Suspense</code>.

True or False: Code-splitting is used to combat big bundles.

True or False: Code-splitting is used to combat big bundles.

(Select all that apply.) What are common code-splitting techniques?

(Select all that apply.) What are common code-splitting techniques?

Quiz

Quiz

Quiz yourself on the knowledge you learned about code splitting.

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