05. Curso de REACT 🚀 (REACT JS tutorial, desde 0, todos los niveles): map, filter, find, key a fondo

Sobre esta lección

👍 *Siguiente vídeo* (#6) : useEffect | fetch API y spread operator: 👉 https://bit.ly/33kySX8 👍 *Empieza el CURSO de REACT desde el principio* : https://youtu.be/VoMyUgI-5NI 👍 *Todos* los vídeos del *Curso de React* en: 👉 https://bit.ly/3uupsmd 🚀 *Suscríbete* al Canal: 👉 bit.ly/3t63QeN Si tu JavaScript es limitado y todavía no te atreves a entrar en el mundo de React: éste es tu curso. Desde 0, paso a paso, para personas que nunca han tenido ningún contacto con React, en cristiano, con un lenguaje claro, sin tecnicismos innecesarios, yendo al grano (a lo que interesa en cada momento) y con una actividad práctica para que la resuelvas tú (con solución incluida) en cada vídeo (después del contenido). En este vídeo trataremos conceptos de JavaScript, pero que son básicos y fundamentales para trabajar con React. En este vídeo puedes trabajar y hacer las actividades únicamente con JavaScript (sin React), o bien desde React, ya que la utilización, sintaxis de estos métodos es siempre el mismo. Lo único que cambia es la manera de "escribir" los elementos en pantalla. Además, tienes 4 ACTIVIDADES (+ solución) para que puedas APRENDER a través de la PRÁCTICA, ya que de la misma forma que ocurre con aprender a nadar, conducir o ir en bici, es IMPOSIBLE aprender sin PRÁCTICA,. o sin ni choques o torceduras de huesos leves. 🚀 Suscríbete al Canal: 👉 bit.ly/3t63QeN 👍 Vídeo *01* : Instalación | JSX | Uso de imágenes | CSS: 👉 https://bit.ly/3qXjmIB 👍 Vídeo *02* : Eventos | funciones | target y el hook useRef(): 👉 https://bit.ly/3rhvl45 👍 Vídeo *03* : Entendiendo el hook useState: 👉 https://bit.ly/33Srp1s 👍 Vídeo *04* : Los componentes y sus propiedades: 👉 https://bit.ly/3tZixC7 👍 Vídeo *05* : map, filter, find, includes y key a fondo: 👉 https://bit.ly/3utQfQJ 👍 Vídeo *06* : useEffect | fetch API y Spread Operator: 👉 https://bit.ly/33kySX8 👍 Vídeo *07* : El hook useContext | createContext | Provider): 👉 https://bit.ly/3KGfGnj 👍 Vídeo *08* : Router de React(Creación de aplicaciones SPA): 👉 https://bit.ly/3wEMKWY 👍 Vídeo *09* : ¿Qué es y cómo funciona el hook useReducer?: 👉 https://bit.ly/3P5Z9u 👍 Vídeo *10* : Multi-routing | rutas públicas y privadas: 👉 https://bit.ly/3euV8D7 👍 Vídeo *11* : Dominando react-hook-form e imprimir: 👉 https://bit.ly/3FLxEFp 👍 Para acceder a *todos* los vídeos: 👉 https://bit.ly/3uupsmd 🚀 Conviértete en *Miembro* del Canal para disfrutar de sus ventajas: 👉 bit.ly/3sYpjGz 🚀 *Contenidos* : 00:00 - Importancia de entender los métodos de JavaScript map, filter, find, includes (JavaScript) 02:55 - Entendiendo FÁCILMENTE el método map (con JavaScript), inicialmente sin React 11:44 - Entendiendo el método filter (qué es y para qué sirve) 14:39 - Utilización conjunta de map y filter en la misma expresion 15:33 - Traducción del código en JavaScript al entorno de React 17:01 - Utilización del atributo key 18:32 - Qué es y para que sirve el método find 20:20 - Funcionamiento y características del método includes 21:55 - Actividad práctica 1 para ti + su Solución 33:04 - Actividad práctica 2 para ti + su Solución 40:44 - Actividad práctica 3 para ti + su Solución 46:34 - Actividad práctica 4 para ti + su Solución 53:30 - Sustitución de Flex por Grid (en app.css) 57:14 - Consejo personal de JAB