React Key Concepts

5. Rendering Lists and Conditional Content

Learning Objectives

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

– Output dynamic content conditionally.

– Render lists of data and map list items to JSX elements.

– Optimize lists such that React is able to efficiently update the user interface when needed.

Introduction

By this point in the book, you are already familiar with several key concepts, including components, props, state, and events, with which you have all the core tools you need to build all kinds of different React apps and websites. You have also learned how to output dynamic values and results as part of the user interface.

But there is one topic related to outputting dynamic data that has not yet been discussed ...