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
Sur cette page du site, vous pouvez voir la vidéo en ligne Exercises: Stateless Components - React In Depth durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Tech with Nader 27 juin 2023, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 2,352 fois et il a aimé 126 téléspectateurs. Bon visionnage!
