¿Qué es React?

¿Qué es React?

React es una librería JavaScript de código abierto que te ayuda a crear interfaces de usuario sencillamente. Está enfocada en la visualización y cuenta con un algoritmo muy eficiente para identificar las diferencias entre la representación virtual de la página actual y de la nueva. A partir de esas diferencias, hace los cambios necesarios en el Modelo de Objetos del Documento (DOM) de una manera muy dinámica. 

La web se ha construido tradicionalmente en HTML, JavaScript y CSS, cada uno separado en carpetas diferentes. Este hecho complica un poco la extracción de ciertas partes del código para intercambiar datos entre los distintos lenguajes de programación. React fue creado precisamente para ayudarte en este problema.

Utilizando React, obtienes HTML con toda la funcionalidad de JavaScript y adicionalmente el estilo gráfico de CSS centralizado y preparado para ser usado en cualquiera de tus proyectos. 

¿Por qué usar React?

En el diseño web es fundamental crear una interfaz de usuario que favorezca la transmisión de información, la navegabilidad y la interacción. React es precisamente el aliado que necesitas para crear todo tipo de aplicaciones web o hasta aplicaciones para dispositivos móviles. 

React cuenta con una gran variedad de módulos, herramientas y componentes capaces de ayudarte a cubrir los objetivos que buscas al desarrollar tus aplicaciones, con relativamente poco esfuerzo. Es una base sólida para construir cualquier cosa con el programa de JavaScript. 

Fue desarrollada inicialmente por Facebook pero la ventaja es que es un software libre. Como todo lo gratis, atrae a miles de creadores y desarrolladores del sector tecnológico, que lo usan cada vez más para llevar a cabo sus tareas.

Aplicaciones que incorporan React

Conceptos básicos de React

Componentes

En React, todo se trata de componentes. Un componente es una pieza reutilizable e independiente de la interfaz de usuario. Puede ser desde una pequeña pieza como un botón hasta una sección completa de la aplicación. Los componentes en React permiten organizar el código de manera modular y facilitan la reutilización.

State(Estado):

Representa la condición actual de una parte de la interfaz de usuario. Los componentes de React pueden tener un estado interno que puede cambiar a lo largo del tiempo debido a interacciones del usuario, eventos, o cambios en la lógica de la aplicación. El estado se gestiona mediante el método setState, y cuando el estado cambia, React re-renderiza automáticamente el componente.

Props(Propiedades):

Las propiedades son objetos que permiten pasar datos desde un componente padre a un componente hijo en React. Son la forma principal de comunicación entre componentes. Los componentes hijos pueden recibir datos y utilizarlos para renderizar su interfaz de usuario. Este sistema de propiedades facilita la creación de componentes reutilizables y flexibles.

Interfaces del usuario

Son un conjunto de controles y canales sensoriales mediante las cuales un usuario se puede comunicar con una máquina. Piensa en tu computadora. La pantalla, el teclado y las bocinas son parte de la interfaz de usuario, porque permiten que la información entre y salga del equipo.  

La interfaz gráfica de usuario (GUI) es el contenido gráfico a través del cual se visualiza información del equipo en una pantalla. La mayoría de los programas cuentan con una interfaz visual, que permite mostrar información al usuario y también hace posible la navegación entre comandos. En Word, la interfaz de usuario es la que te deja ver la pantalla y también interactuar con todas las herramientas para modificar tu documento.