Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • React Key Concepts
  • Toc
  • feedback
React Key Concepts

React Key Concepts

By : Maximilian Schwarzmüller
4.8 (4)
close
React Key Concepts

React Key Concepts

4.8 (4)
By: Maximilian Schwarzmüller

Overview of this book

Maximilian Schwarzmüller is a bestselling instructor who has helped more than three million students worldwide learn how to code. His bestselling React video course, “React – The Complete Guide”, has over eight hundred thousand students on Udemy. Max has written this quick-start reference that distills the core concepts of React. Simple explanations, relevant examples, and step-by-step derivations make this guide the ideal resource for busy developers. In this second edition, Max guides you through changes brought by React 19, including the new use() hook, form actions, and how to think about React on the server. This book will support you through your next React projects in giving you a behind-the-scenes understanding of the framework – whether you've just finished Max's video course and are looking for a handy reference, or you’re using a variety of other learning materials and need a single study guide to bring everything together. You’ll find full solutions to all end-of-chapter quizzes and exercises in the book’s GitHub repository.
Table of Contents (14 chapters)
close
Free Chapter
1
React Key Concepts, Second Edition: An in-depth guide to React’s core features

What Are Conditional Content and List Data?

Before diving into the techniques for outputting conditional content or list content, it is important to understand what exactly is meant by those terms.

Conditional content simply means any kind of content that should only be displayed under certain circumstances. Examples are as follows:

  • Error overlays that should only show up if a user submits incorrect data in a form
  • Additional form input fields that appear once the user chooses to enter extra details (such as business details)
  • A loading spinner that is displayed while data is sent or fetched to or from a backend server
  • A side navigation menu that slides into view when the user clicks on a menu button

This is just a very short list of a few examples. You could, of course, come up with hundreds of additional examples. But it should be clear what all these examples are about in the end: visual elements or entire sections of the user interface that are only shown if certain conditions are...

bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete