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

Which internationalization package has an active community and is not exclusive to React?

Which internationalization package has an active community and is not exclusive to React?

Select all that apply: Which properties of the config object of the `init()` function should be set?

Select all that apply: Which properties of the config object of the <code>init()</code> function should be set?

True or false: Namespaces are an optional feature in i18next.

True or false: Namespaces are an optional feature in i18next.

True or false: We define plurals or placeholders in `i18next` by passing the `t` function the count as a second parameter.

True or false: We define plurals or placeholders in <code>i18next</code> by passing the <code>t</code> function the count as a second parameter.

Which React component of `i18next` should we use for embedding components in translation strings?

Which React component of <code>i18next</code> should we use for embedding components in translation strings?

Function with `translationKey` and `value`

In which format do we store the translations?

In which format do we store the translations?

Quiz

Quiz

Test yourself on what you learned about internationalization.


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