Una biblioteca de JavaScript hecha para construir interfaces de usuario. Es declarativo y se basa en componentes.
¿De donde surge react?
Surge de meta, es de código abierto. Surgió para intentar simplificar las interfaces de usuario, ya que era complicado hacer formularios. Se crea en 2011.
React es el framework más demandado, seguido por Angular.
Hoy en día, los componentes son ampliamente utilizados, permitiéndonos reutilizar código y facilitando así el desarrollo. Por ejemplo, los hilos de Twitter.
Al modificar el componente base, el cambio se refleja en toda la aplicación donde este se esté reutilizando.
React es universal: puede ejecutarse tanto en el cliente como en el servidor. Nuestra aplicación reutiliza el mismo código, lo que permite que se renderice una sola vez.
Esta característica de React lo hace especialmente útil para aplicaciones de gran escala, donde la consistencia y la eficiencia son cruciales. Además, la naturaleza modular de los componentes facilita la colaboración entre equipos de desarrollo, permitiendo que diferentes partes de la aplicación se trabajen de forma independiente. Esta flexibilidad y reusabilidad son algunas de las razones por las que React se ha convertido en una opción tan popular entre los desarrolladores.
React.js Wiki - Preguntas típicas con respuesta y solución
¿Por qué React?
El código imperativo no escala bien; se complica cuando manejamos grandes cantidades de elementos. React, en cambio, es declarativo, lo que significa que no necesitamos indicarle al código cómo realizar las acciones paso a paso.
Este enfoque declarativo de React simplifica enormemente el desarrollo de interfaces de usuario complejas. Al abstraer los detalles de manipulación del DOM, React permite a los desarrolladores centrarse en la lógica de la aplicación y el diseño de la interfaz. Además, el enfoque declarativo facilita la depuración y el mantenimiento del código a largo plazo.
React se encarga de renderizar elementos.
JSX nos permite crear elementos de manera declarativa y más simple. Consiste en escribir código similar a lo que es HTML, e incluir { } en las partes que queramos incluir una expresión (que devuelve un valor). Como el código es JS, tenemos que escribir los atributos en CamelCase.
JSX es más seguro. Evita la inyección de código en nuestro programa.