馃搶 Introducci贸n a React

React Logo

馃搶 Introducci贸n a React

Aprende qu茅 es React, c贸mo funciona, su historia y c贸mo empezar a crear tus primeros componentes. Esta lecci贸n te dar谩 la base necesaria para avanzar con JSX, componentes y Hooks.


馃搶 脥ndice de esta entrada:

  1. ⚡ ¿Qu茅 es React?
  2. 馃挕 ¿C贸mo funciona React?
  3. 馃摑 Lo que ya deber铆as saber
  4. 馃摐 Historia de React.js
  5. 馃殌 Instalaci贸n y creaci贸n de la primera app

⚡ ¿Qu茅 es React?

React es una librer铆a de JavaScript para el front-end, desarrollada por el ingeniero de software de Facebook, Jordan Walke. Tambi茅n se conoce como React.js o ReactJS. Es una herramienta dise帽ada para construir componentes de interfaz de usuario reutilizables y din谩micos.

馃挕 ¿C贸mo funciona React?

React crea un DOM virtual en memoria. En lugar de manipular directamente el DOM del navegador, React hace todos los cambios necesarios en este DOM virtual y luego actualiza solamente los elementos que han cambiado en el DOM real.

Esto hace que las actualizaciones sean m谩s r谩pidas y eficientes. ¡React solo cambia lo que realmente necesita cambiar!

馃摑 Lo que ya deber铆as saber

Antes de continuar con React, deber铆as tener conocimientos b谩sicos de:

Si a煤n no manejas estos temas, te recomendamos estudiar primero los tutoriales de nuestra p谩gina de inicio.

馃摐 Historia de React.js

  • El lanzamiento inicial p煤blico (versi贸n 0.3.0) fue en julio de 2013.
  • React se utiliz贸 por primera vez en 2011 para la funci贸n de noticias de Facebook.
  • Creado por Jordan Walke, ingeniero de software de Facebook.
  • La 煤ltima versi贸n estable es la 19.0.0 (diciembre de 2024).

馃殌 Instalaci贸n y creaci贸n de la primera app

La forma m谩s sencilla de empezar es usando create-react-app:

npx create-react-app mi-primer-app
cd mi-primer-app
npm start
    

Esto crea un proyecto React listo para usar y arranca un servidor local en http://localhost:3000.


馃挕 Consejo: Familiar铆zate con la estructura de React, el DOM virtual y JSX desde el inicio. Esto facilitar谩 aprender componentes, props y Hooks m谩s adelante.

Publicar un comentario

0 Comentarios