Excelente actualización del curso!! ❤️
Introducción y requisitos
¿Qué necesitas para aprender React.js?
Maquetación con React.js
¿Qué es un componente?
Componentes de TODO Machine
¿Cómo se comunican los componentes? Props y atributos
Estilos CSS en React
Interacción con React.js
Eventos en React: onClick, onChange
¿Qué es el estado?
Contando TODOs
Buscando TODOs
Completando y eliminando TODOs
Librería de Iconos Personalizados
Iconos en React: librerías y SVG
Iconos con colores dinámicos
Herramientas avanzadas: escalabilidad, organización y persistencia
Local Storage con React.js
Custom Hooks
Organización de archivos y carpetas
Feature-First Directories en React
Tips para naming y abstracción de componentes React
¿Qué son los efectos en React?
Estados de carga y error
Actualizando estados desde useEffect
Reto: loading skeletons
¿Qué es React Context?
useContext
¿Qué son los React Portals?
Reto: estados para abrir y cerrar un modal
Maquetando formularios en React
Crear TODOs: React Context dentro de React Portals
Deploy
Despliegue de TODO Machine en GitHub Pages
Presentación de proyectos para tu portafolio
Próximos pasos: React #UnderTheHood
Diferencias entre versiones de React.js
¿Cuándo realmente necesitas React.js?
Bonus: creando proyectos en React desde cero
React con Create React App
React con Next.js
React con Vite
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 23
Preguntas 2
Excelente actualización del curso!! ❤️
Me gusta mucho que tengan un enfoque al ámbito laborar, practicamente la mayoría estamos aquí para eso, para trabajar y aportar a la programación y tecnología. Excelente clase!⭐⭐⭐⭐
Me gustaria trabajar en Platzi 😃
Excelente consejo final, igualmente excelente curso.
Me gustó mucho este curso actualizado.
Excelente curso con esta reflexión de la vida real en ambientes laborales
Que necesaria esta intervención del curso.
Me parece bien aterrizar a como funciona el mundo en la realidad.
Este curso es magnifico
gracias profe Juan, que buenos tips…
Me gusta que integren estos consejos en los cursos, considero que son super importantes y de gran valor para el aprendizaje.
Muchas gracias! 🙌🏻😁
jejeje, que buenas clases, lo hacen reír a uno cuando menos lo espero.
Aquí hay algunos ajustes que podrías considerar al retroceder de la versión 17 a la versión 16 de React:
Ajustes en las importaciones: En la versión 17 de React, se introdujo una nueva forma de importar los módulos, utilizando el formato de “namespace import”. En la versión 16, puedes volver a utilizar las importaciones normales de ES6. Asegúrate de actualizar las importaciones en tu código, por ejemplo, cambiando import * as React from ‘react’ a import React from ‘react’.
Cambios en el uso de las refs: La forma de acceder a las refs en los componentes cambió entre la versión 16 y la versión 17. En la versión 16, puedes utilizar ref={(ref) => this.myRef = ref} para asignar una ref a un elemento. Asegúrate de ajustar cualquier código relacionado con el uso de refs en tu aplicación.
Revisar cambios específicos: La versión 17 de React introdujo algunos cambios específicos en el comportamiento y las API de React. Al retroceder a la versión 16, revisa los cambios entre las versiones y ajusta tu código en consecuencia.
Realizar pruebas exhaustivas: Después de realizar los ajustes, es importante realizar pruebas exhaustivas en tu aplicación para asegurarte de que todo funcione correctamente. Prueba todas las funcionalidades y verifica que no haya errores o problemas.
Recuerda que es recomendable seguir utilizando la versión más reciente de React, ya que cada versión trae mejoras, correcciones de errores y nuevas características. Retroceder a versiones anteriores puede llevar a problemas de compatibilidad y limitar las capacidades de tu aplicación.
Me encanto este curso actualizado
Ya que lo mencionan, esta clase va fatal. No puedo ver mas de 20 segundos seguidos (no es el internet, porque probe youtube y va bien). No es la unica clase, ya me paso con varias y es muy tedioso estudiar asi porque se pierde el hilo de la clase
Lo mas ideal sería generar una rama llamada react-16 para que en caso de que “rompamos” la app, siempre tengamos como un respaldo.
Esta clase en particular los conocimientos nuevos que me entero, son aclaraciones que calma nuestra ansiedad de aprender todo lo nuevo. Buenísima esta!
Asi me sapio GPT, a pesar de que la vs 18 de react se lanzo en el 22 y GPT3 esta actualizado hasta el 21
Importante leer la Documentacion para entender el codigo que tira GPT
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App'; // O el nombre de tu componente principal
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
document.getElementById('root')
);
Me tome como reto personal migrar a la version 16 (concretamente a la version 16.3 ya que una de las librerias que use necesitaba al menos esa version) y tal como dijo Juan, los hooks aun no existian, asi que tuve que aprender a manejar muchas cosas que no se vieron en este curso (como los class components, lifecycle methods etc.) me tomo un par de dias aprender todo pero con orgullo les comparto mi resultado 😁 (para verlo metanse a la rama V16):
https://github.com/Fosuna-code/curso-react-intro-Fork-From-platzi/tree/V16
Platzi, agreguen un boton de Like, por favor!! De verdad quería darle “Me Gusta” a esta clase. Excelente!!
🙏 Cuanta sabiduría en una sola clase!
Eternamente agradecido al profesor y al equipo de Platzi por tan valiosa lección.
Muchas gracias!!
Realmente llevo un tiempo estudiando programación y este consejo jamas me lo habían dado, excelente aporte! Muchas gracias por este conocimiento 😃
Definitivamente desconocía de este tema…es una visión dentro de un entorno de trabajo…espero esta didáctica se introduzcan en todos los cursos a paritr de ahora.
Gracias, gracias, excelente 🎇🎇🎇🎇🎇🎇
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.