Exercises: Stateless Components - React In Depth

Publicado el: 27 junio 2023
en el canal de: 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  


En esta página del sitio puede ver el video en línea Exercises: Stateless Components - React In Depth de Duración hora minuto segunda en buena calidad , que subió el usuario Tech with Nader 27 junio 2023, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 2,352 veces y le gustó 126 a los espectadores. Disfruta viendo!