Exercises: Stateless Components - React In Depth

Опубликовано: 27 Июнь 2023
на канале: Tech with Nader

2,352

126

Let's go through some exercises to get some hands-on practice with stateless components in React together.

We start with a warmup exercises to get a handle on creating React projects and modifying a Component.

Then, we look at how to use image tags and assets in React

We then create our first brand-new Component with it's own JSX files and deal with how to export and import it.

We wrap up the video by looking at how we can leverage arrays of data in React by mapping over them in the JSX.

Chapters:
00:00 Introduction
00:54 Warmup Exercise - List Component
08:25 Exercise 1 - Image Component
18:12 Exercise 2 - New JSX Files
25:47 Exercise 3 - Arrays in JSX
38:16 BONUS - Arrays of Objects JSX
47:52 Next Steps

📦 Github Repository with the notes and exercise code+solutions: https://github.com/Nooder/react-in-depth

💬 Come join us on Discord to chat with a like-minded community about tech and learning: / discord

🏅Support the channel and content through Super Thanks, Channel Memberships, or on Patreon: / techwithnader

На этой странице сайта вы можете посмотреть видео онлайн Exercises: Stateless Components - React In Depth длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Tech with Nader 27 Июнь 2023, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 2,352 раз и оно понравилось 126 зрителям. Приятного просмотра!

527