React JS Tutorial - #6 - Lists & Conditionals
Welcome back to the React Beginner series!
In this tutorial we'll cover how to conditional render in React, as well as how to render lists in React. These two concepts are both utility concepts that will broaden your ability to create great web pages.
List rendering allows us to take something like an array, and loop over it to 'map' each piece of that array to some JSX code. This can be raw JSX, components, or any other form of JSX code.
Conditional rendering allows us to display certain JSX based on a condition. For example, if something is true, display X. If something is false, display Y. Conditionals can be rendered in-line or in component functions using actual if statements.
If you found this tutorial helpful, please consider liking and subscribing because it helps me out tremendously! Thanks for the support!
Timestamps:
0:00 - Rendering Lists
6:00 - Lists w/ Props
12:47 - Object lists
20:25 - Conditional Rendering
30:51 - Conditional Operator (&&)
33:27 - Conditional Components
Hashtags:
#reactjs #programming #reacttutorial
На этой странице сайта вы можете посмотреть видео онлайн React JS Tutorial - #6 - Lists & Conditionals длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Austin Davis 13 Октябрь 2023, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 1,776 раз и оно понравилось 58 зрителям. Приятного просмотра!
