7 razones para programar en React

Cuando vamos a desarrollar para la web, dentro de las tecnologías que debemos saber están siempre HTML, CSS y JavaScript para construir nuestro frontend, pero cuando ya has aprendido estas, puedes optar por aprender una librería o framework para lograr este fin.

Debemos tener claro, no hay uno mejor que otro, cada uno tiene sus ventajas y depende de tu proyecto para usar uno o el otro, en siguientes videos hablaremos sobre otros frameworks y librerías para que tú elijas el o los que mas te gusten, y si tu quieres que hablemos sobre otra librería o framework, háznoslos saber en los comentarios de este post o en mis redes sociales y sin mas comenzamos.

Hoy hablaremos sobre razones para aprender React, puedes leer este post o ver y escuchar esta información en formato de video en nuestro canal de youtube, te dejamos el link por si prefieres este formato. 😃 👍

¿Qué es React?

Hola mundo y bienvenidos a este post.

Según su web oficial: “React JS es una librería/biblioteca de JavaScript para construir interfaces de usuario” .

Se caracteriza por ser de tipo declarativo, soporta renderizado en el servidor y es de código abierto, fue lanzada y sigue siendo mantenida por el equipo de Meta anteriormente conocida como Facebook desde el año 2013, entre algunas de las aplicaciones web que usan esta tecnología se encuentran: Airbnb, Discord, WhatsApp, Netflix, Instagram.

Dicho esto, vamos con la primera razón por la que deberías programar con React:

1.- Desarrollo basado en componentes reutilizables.

React nos permite desarrollar toda nuestra aplicación basada en componentes encapsulados y reutilizables en que el que cada uno puede manejar su propio estado; el estado son datos que guardamos en memoria para React los use para hacer un renderizado de nuestra aplicación. Permitiéndonos con esto llegar a trabajar con el patrón “Atomic design”

React hace uso de un DOM virtual, esto significa que React hace una representación del DOM real en memoria. Esto le permite a React ser declarativo, de esta forma le decimos como queremos y que queremos que se renderice,

Después cuando hacemos un cambio del estado, se compara el DOM virtual con el DOM real y se realizan los cambios en la interfaz gráfica, “solo” de aquellos componentes de los que se haya realizado un cambio.

Esto lo hacen librerías que implementen el patrón de DOM virtual como ReactDOM.

Permitiéndonos así tener cambios rápidos de la interfaz a medida que el usuario interactua con la aplicación.

2.- La experiencia de desarrollo – JSX, Hooks y CSS in JS

Podemos escribir nuestros componentes de dos formas, con clases o con funciones, pero en ambos casos podemos hacernos de la ayuda de JSX.

JSX significa JavaScript XML y esta es una extensión de la sintaxis de JavaScript, que nos permite escribir lo que renderizara cada uno de los componentes en el DOM como si fueran etiquetas HTML, facilitándote mucho la experiencia de desarrollo si ya dominas este lenguaje de marcado.

A partir de la versión 16.8 de React se implementaron los hooks, los cuales ayudan a que la construcción de los componentes sea más fácil de escribir y de leer, abstrayendo el ciclo de vida de los componentes como cuando se generan con clases, el cual era menos amigable, sin embargo, con la llegada de los hooks, el manejo del estado es mucho más fácil, esto no desaparece el uso de componentes con clases, es solo otra forma para trabajar con esta tecnología.

¿esto quiere decir que las clases están deprecadas?

No.. no lo están, son solo otra forma de trabajar. Y el equipo de Meta tampoco tiene planes de deprecar las clases.

Otra de las experiencias que nos ofrece es que podemos implementar una librería de CSS-in-JS como lo es la popular “styled-components”, esta nos permite extender y desarrollar los estilos que necesitemos que tengan nuestros componentes haciendo uso de JavaScript, que, si bien no nos exime de usar CSS, si nos brinda otra forma de trabajar solamente con JS.

Por estas razones, si conoces bien las bases de HTML, CSS y JavaScript su curva de aprendizaje es una de las mas amigables e intuitivas con el desarrollador.

Además, si tu quisieras comenzar un proyecto rápidamente, solo es necesario ejecutar npx create-react-app en tu terminal, para generar un entorno listo para comenzar a construir tus proyectos sin necesidad de hacer alguna configuración con algún empaquetador o transpilador de JavaScript. Sin embargo te recomiendo que aprendas de estas tecnologías para tener mas control sobre tus proyectos.

Retomando el tema de librerías, hablemos de soporte y comunidad:

3.- Soporte y Comunidad

Puedes extender las funcionalidades de React gracias al uso de librerías, y al estar basado en JavaScript y debido a la gran popularidad y apoyo que tiene en la comunidad,la cual tiene mas de 17 millones de descargas semanales registradas en el portal de NPM

Encontraras un gran numero de librerías y herramientas para que tu experiencia y la velocidad en la que construyas aplicaciones sea mucho mas rápida.

Además de tener un gran soporte se ha vuelto una tecnología que de la cual puedes encontrar una gran variedad de recursos para aprender esta librería, y si tu quieres aprender React desde 0, tenemos un curso de React para que puedas aprender a dominar esta tecnología y así construir tus propias aplicaciones.

Y si no conoces las bases de HTML , CSS y JS , también contamos con un curso en la Academia de Hola Mundo, para dominar todos los conceptos para que puedas aprender posteriormente cualquier librería basada en JavaScript, has click aquí donde econtraras en link al curso: Aprende Javascript, HTML5, CSS3 y NodeJS desde cero

Este por supuesto, no es todo el alcance de React ya que también hay frameworks como lo es es Next JS…

4.- Next JS

React es una librería, pero si quieres tener el poder de un framework usando React, puedes optar por aprender y usar NextJs, este es desarrollado y mantenido por Vercel.

Este es un framework de React, que se destaca por tener una abstraction de Server Side Rendering y de Static Site Generation, con intención de mejorar el SEO de tu aplicación, y para que la carga que tiene el cliente para renderizar tu aplicación sea mucho menor.

Igualmente, entre las funcionalidades que tiene es que se encarga de las rutas, optimización de imágenes y descargas, además de poder desarrollar una API REST dentro del mismo proyecto.

Por lo que, si ya sabes React, aprender Next no te tomara mucho esfuerzo ni tiempo, entre otras aplicaciones que tiene React se encuentra el desarrollo de aplicaciones móviles:

5.- Desarrollo de aplicaciones móviles – con React Native

React no solo nos permite desarrollar para la web, sino que también nos permite construir o migrar a aplicaciones mobiles hibridas para los Sistemas Operativos Android y IOS con un solo proyecto.

Entre las empresas que utilizan react-native para sus aplicaciones se encuentran por supuesto Facebook, Microsoft Office, Outlook, Shopify, Coinbase, Discord y Tesla.

Si ya conoces React, deberás aprender los componentes y algunas particularidades que tiene la sintaxis de React-native, pero en sí, serás capaz de construir tus aplicaciones como lo haces ahora con React.

Pero este no es el único salto que puedes dar, ya que también puedes convertirte en un desarrollador de la web 3.0.

6.- Desarrollar para la web 3.0

La tecnología blockchain ha sido un tema que ha estado en tendencias en estos últimos años, ya sea por sus subidas o caídas repentinas en los precios de las criptomonedas, sin embargo, las criptomonedas no son lo son todo; hay todo un ecosistema de aplicaciones y proyectos haciendo uso de la tecnología blockchain,

entre los que se encuentran el desarrollo de los contratos inteligentes, y aunque estos usan lenguajes como solidity o rust para ser construidos, se necesitan también de interfaces con las que los usuarios puedan interactuar con estos de una manera amigable e intuitiva y es ahi donde entra React para incluirse en la web 3.0.

Por supuesto, esta librería no es la única que ha sido adoptada para la construcción para aplicaciones descentralizadas, pero si es una de las más usadas dentro de este ecosistema.

Y dicho todo esto, hablemos del ultimo punto:

7.- Trabajo como desarrollador con React

Como lo hemos revisado, React tiene una gran adopción y soporte por parte de la comunidad, puedes construir aplicaciones web, móviles, entrar al entorno de blockchain; pero hay un punto del que no hemos hablado, ¿puedo encontrar trabajo como desarrollador sabiendo React?, y la respuesta es… ¡SI!, y muchos!

Diariamente, se publican nuevas vacantes para desarrolladores de React en los diferentes portales de empleo, y aunque depende de tu ubicación el que librería o framework predomine más en el mercado laboral, seguramente encontrarás constantemente empresas solicitando desarrolladores que sepan utilizar esta librería.

Aprende a desarrollar con React

Si te ha interesado aprender React, en la Academia de Hola Mundo contamos con un curso para aprender a desarrollar en esta libreria, da click aquí: React – Guía definitiva: hooks, router, redux, next + Proyectos

---

Y si esto no ha sido suficiente, te invitamos a ver todos los cursos de la Academia, con los cuales podrás formarte como un excelente desarrollador haz click aqui donde podrás ver todos los cursos.

Por último, no olvides golpear al botón de me gusta de este post, suscribirte a este blog y seguirnos en todas las redes como youtube, twitter e Instagram.

¡Hasta la próxima!, y chao mundo