Scribd
Cargar
43 vistas2 páginas

Introduccion React

React es una biblioteca de JavaScript creada por Facebook para desarrollar interfaces de usuario interactivas y reutilizables, basada en componentes y utilizando un DOM virtual. Ofrece ventajas como un desarrollo más rápido, una gran comunidad y compatibilidad con múltiples plataformas. Además, incluye Hooks como useState y useEffect para manejar el estado y efectos secundarios en componentes funcionales.

Cargado por

Iram Alvarez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
43 vistas2 páginas

Introduccion React

React es una biblioteca de JavaScript creada por Facebook para desarrollar interfaces de usuario interactivas y reutilizables, basada en componentes y utilizando un DOM virtual. Ofrece ventajas como un desarrollo más rápido, una gran comunidad y compatibilidad con múltiples plataformas. Además, incluye Hooks como useState y useEffect para manejar el estado y efectos secundarios en componentes funcionales.

Cargado por

Iram Alvarez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

Introducción a React

React es una biblioteca de JavaScript desarrollada por Facebook para construir


interfaces de usuario interactivas y reutilizables. Es ampliamente utilizada en el
desarrollo de aplicaciones web modernas.

Características principales:

- Basada en componentes: Cada parte de la interfaz se construye como un


componente reutilizable.

- Virtual DOM: React utiliza un DOM virtual para optimizar el renderizado de la


interfaz.

- JSX: Permite escribir HTML dentro de JavaScript para describir la UI de forma


declarativa.

- Unidireccionalidad de datos: Los datos fluyen en una sola dirección, facilitando el


control del estado.

Ventajas de usar React:

- Desarrollo más rápido y organizado mediante componentes.

- Gran comunidad y ecosistema de herramientas.

- Compatible con múltiples plataformas (React Native para apps móviles).

Hooks en React:

- useState: Permite manejar el estado local en componentes funcionales.

- useEffect: Permite manejar efectos secundarios como peticiones a APIs.

- useContext: Permite compartir datos entre componentes sin pasar props


manualmente.

React y el backend:

React consume servicios de backend a través de APIs REST o GraphQL usando


herramientas como fetch, axios o bibliotecas como React Query.

Ejemplo básico de componente:


```jsx
import React, { useState } from 'react';

function Contador() {
const [count, setCount] = useState(0);

return (
<div>
<p>Has hecho clic {count} veces</p>
<button onClick={() => setCount(count + 1)}>Incrementar</button>
</div>
);
}
```

También podría gustarte