Todo sitio web que quiera destacarse en la internet debe tener un excelente FrontEnd, que es la parte del sitio web donde interactúan los usuarios. En la actualidad el FrontEnd se ha vuelto indispensable para el éxito de un sitio web ya que es el encargado de ofrecer una excelente experiencia al usuario, como ofrecer interfaces amigables y recopilar datos de la forma más rápida posible. Por supuesto, hay muchas librerías y Frameworks en JavaScript encargados de esto como Angular y Vue.js. Sin embargo, hay uno en particular que se ha destacado considerablemente sobre los demás que es React.js.
React.js es una librería de JavaScript de código abierto que se enfoca en construir interfaces de usuario, piezas elementales del FrontEnd. Fue creado por Facebook, organización la cual está también encargada de mantenerlo y dar soporte técnico. Dicha librería está constituida por tres pilares:
- Declarativo: Significa que React tiene la funcionalidad de crear interfaces de usuario más dinámicas con capacidad de gestionar muchos datos. Por otro lado, se pueden diseñar vistas declarativas con un código fácil y sencillo.
- Basados en componentes: React permite crear componentes personalizados que constituyen varias partes de las interfaces como el header, body o footer.
- Aprende una vez, escríbelo donde sea: El mejor pilar puesto que React puede trabajar e integrarse con diferentes herramientas tecnológicas como Python y PHP.
Gracias a estos pilares React.js se ha vuelto una herramienta muy sencilla de usar, y por ende, muy amada por los desarrolladores Web. Ejemplos de sitios web famosos que usan React.js son: Facebook, Instagram y Netflix.
¿Cómo usarlo?
Para usar esta potente librería, es necesario tener conocimientos básicos de **Terminales** para instalar paquetes y tener ya instalado el entorno **NODE.JS** Por otro lado, se recomienda usar Visual Studio Code.
Sin más continuemos.
- Vamos a una terminal como la cmd de Windows e instalamos React digitando el siguiente código:
npm install -g create-react-app
- Luego en la carpeta en donde vamos a crear el proyecto, vamos a ejecutar la siguiente línea de código en donde pondrán el nombre de su proyecto en la parte que dice “nombreProyecto”:
create-react-app nombreProyecto
- Luego iniciamos la aplicación con el siguiente código:
npm start
Por último, la aplicación se ejecutará por defecto en el puerto 3000. Por tal motivo vamos a cualquier navegador y nos vamos a la siguiente dirección http://localhost:3000 Ahí se verá la App de React en marcha.
Por supuesto, lo anterior solo es el comienzo. Para conocer más sobre React y explotar sus funciones, se recomienda visitar el sitio oficial de React.js https://es.reactjs.org/
React Native
Dentro del mundo de React, existe un Framework muy usado para aplicaciones móviles conocido como React Native. Es bastante atractivo debido a que crea Aplicaciones móviles nativas para Android y iOS sin necesidad de usar un navegador. Todo esto usando JavaScript y React con el fin de mantener los componentes nativos para cada plataforma reutilizando el mismo código.
Por otro lado, React Native permite al programador, a través de la aplicación Hot Reloading, ver los cambios en la App sin necesidad de compilar el código como en otras herramientas para Apps móviles.
En efecto, React Native se ha vuelto un Framework muy utilizado en el mundo móvil. Podemos encontrar los siguientes casos exitosos: Skype, Instagram, Facebook, Uber entre otros.
Solo recuerda, si quieres aprender a usar esta maravillosa herramienta, se recomienda tener bases en React.js y Redux.
Por último, para conocer más sobre este Framework puedes visitar la documentación y el blog oficial de React Native en el siguiente link https://facebook.github.io/react-native/
¿ Quieres conocer más ?
¡ Agenda una llamada !
¡ Contáctanos en WhatsApp
