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 React’s built-in typechecking solution?

What is React’s built-in typechecking solution?

What do we need to prepend to oour files to have them typechecked by Flow?

What do we need to prepend to oour files to have them typechecked by Flow?

True or False: PropTypes use type definitions, in contrast to Flow.

True or False: PropTypes use type definitions, in contrast to Flow.

By appending a `?` after the name of the prop

By appending a `?` before the name of the prop

By appending a `#` after the name of the prop

By appending a `#` before the name of the prop

How do we denote optional props in Flow?

How does TypeScript differ from Flow?

By adding `.propNeeded` to the PropType declaration

By adding `.propRequired` to the PropType declaration

By adding `.isNeeded` to the PropType declaration

By adding `.isRequired` to the PropType declaration

How do we specify to a component that a prop is needed using PropTypes?

How do we specify to a component that a prop is needed using PropTypes?

Quiz

Quiz

Test yourself on what you learned about typechecking with PropTypes, Flow, and TypeScript.

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