Back To Module Home

React Deep Dive: Advanced Approaches

0% completed

Context API

Introduction API Usage of Multiple Contexts contextType Performance Issues Quiz

Refs

Introduction String Refs Callback Refs Refs Via createRef()Ref Forwarding Quiz

Error Boundaries

Introduction Implementing an Error Boundary Error Boundaries in Practice Quiz

Portals

Introduction Creating Portals Portals and Their Relationship to Their Parent Component Quiz

Code Splitting

Introduction Using Dynamic Imports Display Fallbacks with React.Suspense Quiz

Typechecking with PropTypes, Flow, and TypeScript

Introduction PropTypes Flow TypeScript Quiz

React Hooks – an Introduction

Introduction Built-in Hooks Managing State with useState()Adding Side Effects with useEffect()Accessing Context with useContext()Quiz

Hooks in Action

Introduction Implement Your Own Hooks Working with Data in Hooks Quiz

The Hooks API

Introduction useState useEffect useContext useReducer Reducers in Practice useCallback useMemo useRef useLayoutEffect useDebugValue useImperativeHandle Quiz

Routing in React

Introduction Routing Defining Routes Limit Matching Between Path and the URL Parameters in URLs Controlling Redirects of Particular Routes Using Router Props Navigating Different Routes Connecting Components with a Router Using Higher-order Component React Router and Hooks Quiz

State Management

Introduction to State Management Introduction to Redux Store, Actions, and Reducers Creating a Store Action Creators vs. Actions Complex Reducers Asynchronous Actions Typical Asynchronous Action Example Debugging Using the Redux DevTools Using Redux with React mapStateToProps mapDispatchToProps mergeProps Fourth Parameter for connect()Combining the Puzzle Pieces Redux with React Hooks Quiz

Internationalization

Introduction Setup of i18next withTranslation() Higher-order Component useTranslation() Hook Complex Translations Using the Trans Component Quiz

Appendix

Tools and Frameworks

Conclusion

...

/

Final Remarks

Final Remarks

Here's a quick summary of the “React Deep Dive: Advanced Approaches” module.

Congratulations! You’ve successfully completed the “React Deep Dive: Advanced Approaches” module.

Summary

We began by exploring the foundational concepts of React and their practical applications in modern technology. We gained ...