Curso Pr谩ctico de React.js

Curso Pr谩ctico de React.js

Juan David Castro Gallego

Juan David Castro Gallego

An谩lisis de dependencias en proyectos de React

3/30

Lectura

Al desarrollar proyectos de React.js (o de JavaScript con paquetes de NPM en general) es muy importante analizar las dependencias con las que vamos a trabajar.

Si creas un proyecto desde cero, lo m谩s seguro es que utilices la 煤ltima y m谩s moderna versi贸n de tus herramientas favoritas. Pero este no es el caso en la mayor铆a de proyectos de software 鈥渁vanzados鈥.

驴Qu茅 version de React utilizar?

驴Has o铆do de todas las empresas y productos que usan React.js (Platzi, Facebook, Instagram, Netflix, Uber, Airbnb)? Bueno, lamento decirte que ninguna de ellas usa React 18.

NOOOOOO

驴隆C贸mo es posible!? 驴Por qu茅 una empresa de este tama帽o no podr铆a actualizarse? 驴Es esto acaso una muestra de incompetencia? 驴Sus equipos de software viven debajo de una piedra? 驴Perdieron inter茅s en nunca parar de aprender?

Noup. Simplemente actualizar no es una prioridad.

Imagina que trabajas en Platzi. Miles de estudiantes est谩n ansiosos por mejoras en la plataforma. Algunos incluso est谩n desesperados porque tienen un error que les impide avanzar con su aprendizaje.

驴Qu茅 es m谩s prioritario?

  • 驴Darle la mejor experiencia posible a tus estudiantes?
  • 驴O migrar de React [inserte versi贸n "vieja" aqu铆] a React 18, 19, 20 y las que vengan?

Imaginemos otra situaci贸n:

A煤n no trabajas en Platzi. Est谩s en entrevista con Diego De Granda. 脡l est谩 muy satisfecho con tu portafolio y todo lo que sabes de React. Pero te asigna una 煤ltima prueba para decidir si entras o no al team: resolver todos los bugs que puedas de un proyecto gigantesco que usa React 16.

驴Qu茅 har铆as en tu prueba de trabajo?

  • 驴Decirle a Diego 鈥渦y, Dieguillo, qu茅 decepci贸n, yo esperaba m谩s de Platzi, yo no trabajo con versiones cavern铆colas de React, 隆adi贸s! 隆me avisan cuando quieran actualizar!鈥?
  • 驴O sencillamente trabajar con la React que tenga el proyecto y enfocarte en lo importante (entender la arquitectura, resolver los bugs, etc.)?

驴C贸mo usar una versi贸n en espec铆fico de React?

Para tomar este curso es requisito obligatorio que conozcas c贸mo trabajar con NPM. Si no lo has hecho antes, te recomiendo tomar el Curso de Gesti贸n de Paquetes y Dependencias con NPM.

Para instalar React y React DOM usamos el comando npm install react react-dom --save. Eso instala autom谩ticamente la 煤ltima versi贸n de estas tecnolog铆as.

Si quieres usar otra versi贸n, usamos el s铆mbolo @ y la versi贸n con la que queramos trabajar (por ejemplo, en este curso usaremos React 17, as铆 que la instalaci贸n puede realizarse con el comando npm install [email protected] [email protected] --save).

En pr贸ximas clases instalaremos React y muchas otras herramientas para configurar nuestro entorno de trabajo profesional. Si te fijas en el archivo package.json, ver谩s que estas son las dependencias con las que trabajaremos en este curso:

"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-router-dom": "^5.2.0",
"webpack": "^5.50.0",
"webpack-cli": "^4.8.0",
"webpack-dev-server": "^4.0.0"

Est谩s en tu completo derecho de usar estas u otras versiones.

Si usas las mismas que el profesor Oscar, podr谩s seguir todas sus instrucciones sin conflictos por cambios inesperados en las 煤ltimas versiones de React, Webpack o React Router.

Pero tambi茅n es perfectamente v谩lido instalar la 煤ltima versi贸n de todo y 鈥渃acharrearle鈥 hasta que logres hacerla funcionar. No es el camino m谩s f谩cil. Pero es parte de la vida. Conseguirlo es un gran logro del que deber铆as sentir mucho orgullo.

Mi recomendaci贸n es que uses las mismas versiones del profesor si es tu primera vez trabajando con estas herramientas. Pero si ya las conoces, tratar de usar versiones diferentes definitivamente ser谩 una gran aventura (que vale la pena).

Recomendaci贸n personal

Recuerda que t煤 eres el o la m谩xima responsable de tu aprendizaje.

Platzi es el camino corto, como hacer trampa en un videojuego para ir m谩s r谩pido. La incre铆ble comunidad de estudiantes y profes que nos acompa帽a es maravillosa para hacer tu carrera profesional en c谩mara r谩pida.

Pero t煤 sigues estando en control de tus decisiones. Apr贸piate de ellas. Toma riesgos y asume sus consecuencias. Lo peor que puede pasar es que debas volver a empezar unas clases atr谩s. Y eso est谩 muy bien. Vas a avanzar m谩s r谩pido que la primera vez.

Siempre nos encontrar谩s en la secci贸n de aportes y preguntas para ayudarte en todo lo que podamos. 馃挌

驴Entonces NO vale la pena aprender nuevas versiones de React?

隆No! 隆Esa NO es la lecci贸n correcta!

S铆 es muy importante conocer los cambios en las nuevas versiones de nuestras tecnolog铆as favoritas. Pero esto no debe impedirte avanzar con tu aprendizaje ni colaborar en proyectos con versiones que a煤n funcionan aunque no sean la 煤ltima.

Muchas veces s铆 aporta much铆simo valor que una empresa o equipo actualice la versi贸n de algunas de sus dependencias:

  • Si ya sali贸 hace un tiempo, es muy probable que los cl谩sicos bugs que aparecen en los lanzamientos ya hayan sido solucionados.
  • Tambi茅n es posible que esta migraci贸n represente una mejora en los tiempos de carga de nuestra aplicaci贸n, as铆 que con solo actualizar podemos mejorar la experiencia de los usuarios.

Estas decisiones no suelen tomarse de un d铆a para otro. Se planea con mucho tiempo de anticipaci贸n y analizando muy bien qu茅 ventajas a largo plazo traer谩 esta inversi贸n. A veces puede valer la pena. En otras simplemente no ser谩 prioridad.


Entonces, 驴qu茅 versi贸n de React vas a utilizar para el proyecto de React Shop? 驴Cu谩l ser谩 tu estrategia de estudio para completar este curso y sacarle todo el provecho posible? Cu茅ntame en los comentarios. 馃槈

Aportes 14

Preguntas 0

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Reg铆strate o inicia sesi贸n para participar.

Una an茅cdota:

Cuando trabajaba como Dev en la 煤ltima empresa en la que estuve, est谩bamos empezando un proyecto nuevo de Vue, en esos d铆as pensaba cual ser铆a la mejor opci贸n para iniciar el proyecto, (Dado que tengo m谩s conocimientos de Vue que de React), opt茅 por iniciar todo con la versi贸n 2 de Vue pese a que ya estaba disponible Vue 3, esa decisi贸n se debi贸 a los tiempos de entrega y que ten铆a m谩s experiencia con la versi贸n 2; eso es algo que tambi茅n se puede agregar a lo que comenta Juan; cuando tienes beneficio con una tecnolog铆a en tiempo o conocimientos previos eso tambi茅n puede ser una raz贸n para usar una tecnolog铆a sobre otra

Lo senti como un reto totalmente justificado. Hice este curso por primera vez si mal no recuerdo hace 3 meses y me canse de cacarear, sobre todo, porque pense que programar se podria aprender en 1 semana. De lo unico que tengo para quejarme hoy es de la gente que alimenta la ansiedad. Hoy mucho mas cultivado, pase por otros cursos y me volvi a lanzar a este. La forma en la que absorvo los conocimientos me sorprende tanto que me pone feliz. Me es facil. Y es que claro, hace 6 meses no sabia ni lo que era html, subo la apuesta, no sabia que existia un sistema operativo llamado 鈥榣inux鈥 ni que existia una especie de red social llamada 鈥榞ithub鈥. Hagan su camino con paciencia, absorvan los conocimientos. Los cursos aveces los pueden terminar en 2hs, y otras en 2 semanas (o hasta 2 meses). Pero escuchen y prueben con paciencia, lean comentarios, ABSORVAN. Esto no es una carrera, un saludo a todos los excelentisimos profesores de platzi.

Hola, estoy iniciando en este mundo del desarollo frontend y planeo escoger la misma versi贸n de React que el profesor para poder ir al paso a paso, gracais Platzi por la oportunidad de crecer como profesional.

vuelvo a comenzar el curso en la version 17 que usa el profe, llegue a la clase 14 usando lo ultimo y me pegue una estrellada contra un camion de gasolina en llamas

Holaaa!! Les comparto mis apuntes hechos a lo largo de este curso ! 馃槂
(https://extreme-sofa-54e.notion.site/Curso-de-React-js-fcb3dbf7e58444e19e12474505e3bf9d)

SPOILER!
React es una bomba!!

Bueno Juan David, yo me aviento con React 18, a por la aventura. Y estar茅 compartiendo por ac谩 algunas diferencias

Me gust贸 esta frase : 驴Decirle a Diego 鈥渦y, Dieguillo, qu茅 decepci贸n, yo esperaba m谩s de Platzi, yo no trabajo con versiones cavern铆colas de React, 隆adi贸s! 隆me avisan cuando quieran actualizar!鈥?, Lo aplicar茅 en una pr贸xima entrevista 馃槑馃槑

No se que hacer, quiero usar react 18, pero soy nuevo y no se como buscar correctamenmte las respuesta que nececito en google 馃槺

Esto de la versi贸n de React, es como el caso de si actualizar el equipo de Windows 10 a Windows 11, igualito. Mucha gente ya usa W11 pero aun hay muchos equipos con W10 todav铆a, y hasta 鈥渟e dice鈥 que ya va a salir Windows 12.
Yo en mi caso, no me complicare la vida pero no echare este consejo en saco roto, y mejor seguir茅 a Oscar. Adem谩s, va a estar bueno el curso, y s铆, los problemas nunca van a desaparecer, pero esos son los retos que todos debemos de afrontar porque yo pienso que nos dar谩 madurez y mayor crecimiento profesional, mas bien, progreso.

Para el profe y los encargados del curso, parece que hay una pregunta mala porque la respuesta a la pregunta:
驴Porqu茅 React.js recomienda usar JSX? deber铆a ser:
鈥淧orque es una sintaxis que combina JavaScript con CSS, agiliza nuestro desarrollo y mejora la legibilidad de nuestro c贸digo鈥

Esta es la pregunta con el error:

脕nimo, todo para adelante, raza.

Muy buena reflexi贸n, como es la primera vez que voy a hacer un proyecto en React voy a tomar tu sugerencia, ya que hay un dicho que dice que el que no toma consejos no llega a viejo. 馃槑馃挭馃徎

Pues, como la idea es aprender con versiones anteriores, yo me voy con la version del profe Oscar Barajas