React: La biblioteca de Javascript más importante
unaLineaMas | frontend | 12 min
¿Qué es React?
React es una biblioteca que utiliza javascript para crear interfaces de usuario del lado del cliente, es la visión y propósito principal que tiene esta herramienta según su sitio web React. Es tener una librería que muestre información del lado del cliente, porque eso es, el propósito de react es mostrar una interfaz de usuario, el que trabaje con javascript lo hace una herramienta ideal y rápida para poder ser una buena opción de aprendizaje si es que te interesa el mundo del frontned.
En resumen, React es una librería que su enfoque y propósito es mostrar información del lado del cliente, es decir, mostrar una interfaz de usuario.
¿Cómo nació React?
React fue creado por Facebook, específicamente por el equipo de React que se encarga de mantener y actualizar la librería. Desde el año 2011 en manos del ingeniero Jordan Walke, en aquel año era más un prototipo llamado FaxJS, pero desde el año 2013 React pasó a ser una herramienta de código abierto para el desarrollo de interfaces de usuario, desde entonces, React ha alcanzado gran popularidad en el mundo del desarrollo, por su curva de aprendizaje y su facilidad de uso.
Según la encuesta de StackOverflow, React es la segunda tecnología web más usada en el año 2024 con un porcentaje de 39.5%, solamente abajo por NodeJ con un 40.8%, ambas herramientas usan por debajo javascript, lo que hace que aprender ambas tecnologías sea mucho más simple si ya dominas el lenguaje.
¿Qué es una librería?
Una librería es un conjunto de herramientas que se pueden usar para resolver problemas comunes, sin embargo, una librería como tal no te va a proveer una solución completa, dependiendo de tu trabajo, proyecto o aplicación necesitarás usar una librería o varias librerías para resolver los problemas que surjan. problemas como autenticaciones, manejo de estado, manejo de rutas, etc.
Es por eso que el camino para aprender React puede volverse un poco confuso, ya que existen cientos de librerías que puedes usar para resolver una u otra necesidad, pero tranquilo, gracias a la gran popularidad de React existe una gran comunidad y documentación que te puede facilitar mucho la implementación de otras herramientas que puedas necesitar para tu proyecto.
¿Cómo muestra React información del lado del cliente?
React utiliza javascript para mostrar información del lado del cliente, es decir, mostrar una interfaz de usuario, el que trabaje con javascript lo hace una herramienta ideal y rápida para poder ser una buena opción de aprendizaje si es que te interesa el mundo del frontned. Esto es posible gracias a los componentes de React, que son los que se encargan de renderizar información en el navegador.
Los componentes de react son funciones de javascript que devuelven HTML, estos componentes los puedes utilizar cuantas veces quieras y donde quieras, por ejemplo, puedes tener un componente que muestre una lista de articulos, y puedes utilizarlo en varias partes de tu aplicación, esto lo hace ideal para evitar la repetición de código, lo que hace que el código sea más mantenible y fácil de entender. Ahora, esto no es propiamente de React, la idea de trabajar con componentes lo hacen todas las librerías y frameworks que existen, lo que hace que aprender React sea una excelente opción para aprender a trabajar con componentes, ya que es una herramienta que se puede usar en cualquier proyecto que estés trabajando.
¿React solo funciona en los navegadores?
Aunque react como tal trabaja en los navegadores, existen herramientas como Next.js que te permiten crear aplicaciones web que funcionen en el servidor, existe también React Native, que te permite crear aplicaciones para dispositivos móviles, su creencia aprende una vez, escribe donde quieras lleva a react a otro nivel, siendo posible llevarlo a dispositivos móviles, navegadores y aplicaciones de escritorio todo en un solo lugar.
¿Existen otras opciones aparte de React?
Claro que existen otras opciones, las más conocidas pueden ser Vue o Angular, ambas herramientas si bien son ya conocidos como frameworks, son buenas opciones que también pueden llamarte el interés, también existe Astro, que es una herramienta que te permite crear sitios web estáticos y además te permite usar React internamente.
Entre estas 3 opciones que te menciono, Vue tiene una curva de aprendizaje bastante simple, aún más que React, ya que su sintaxis hace que escribir javascript sea mucho más simple.
Angular es una herramienta que tiene una curva de aprendizaje bastante compleja, este funciona con el lenguaje Typescript y trae todo lo que necesitas para un proyecto mucho más robusto.
Y por su parte astro es un framework diseñado para crear sitios web estáticos, es decir, sitios web que no requieren tanto dinamismo, además de ser una herramienta agnóstica, es decir, puedes usarla con cualquier librería o framework que desees, lo que hace que sea una herramienta muy flexible y fácil de utilzar, si sabes los fundamientso de HTML, CSS y Javascript, Astro será una buena opción para tener el primer encuentro con un framework.
¿Hay ventajas de aprender React?
React es una herramienta que tiene una curva de aprendizaje bastante simple, lo que hace que sea una excelente opción si tienes el interes de conocer el mundo del frontend.
- Es la librería más popular
- su curva de aprendizaje es bastante simple
- tiene una comunidad bastante activa
- puedes llevarlo a cualquier lugar
Entonces si aún estás indeciso en aprender React, te recomiendo que lo hagas. Hay muchos temas que son relaciones con esta gran librería y aunque no estén redactados en este artículo, te animo a que los leas, ya que te ayudarán a entender mejor la librería y su propósito.