React Key Concepts

9. Behind the Scenes of React and Optimization Opportunities

Learning Objectives

By the end of this chapter, you will be able to do the following:

– Avoid unnecessary component update evaluations via React's memo() function.

– Avoid unnecessary code execution via the useMemo() and useCallback() Hooks.

– Load optional code lazily, only when it's needed, via React's lazy() function.

– Use React's developer tools to analyze your app.

Introduction

Using all the features covered up to this point, you can build non-trivial React apps and therefore highly interactive and reactive user interfaces.

This chapter, while introducing some new functions and concepts, will not provide you with tools that would enable you to build even more advanced web ...