Exercises: Stateless Components - React In Depth
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
On this page of the site you can watch the video online Exercises: Stateless Components - React In Depth with a duration of hours minute second in good quality, which was uploaded by the user Tech with Nader 27 June 2023, share the link with friends and acquaintances, this video has already been watched 2,352 times on youtube and it was liked by 126 viewers. Enjoy your viewing!
