# React Puro - 19

## React puro con Hooks

|             |                                                                                          |
| ----------- | :--------------------------------------------------------------------------------------: |
| Versión     |                                       React 16.13.x                                      |
| Repositorio | [github.com/zeroidentidad/react-puro-19](https://github.com/zeroidentidad/react-puro-19) |

### - Hola mundo

* [react-hello](/react-puro-19/1-hola_mundo/holamundo.md)

### - JSX

* [Qué es y por qué JSX](/react-puro-19/2-jsx/jsx.md)
* [Trabajando con JSX](/react-puro-19/2-jsx/trabajando_jsx.md)
* [Ejemplo componente Tweet](/react-puro-19/2-jsx/tweet.md)

### - Props

* [Las Props](/react-puro-19/3-props/props.md)
* [Pasar Props](/react-puro-19/3-props/pasar_props.md)
* [Recibir Props](/react-puro-19/3-props/recibir_props.md)
* [Comunicación con componentes Padre](/react-puro-19/3-props/comunicacion_componente_padre.md)
* [Ejemplo Tweet con Props](/react-puro-19/3-props/tweet_props.md)

### - PropTypes

* [Documentación y depuración incluida](/react-puro-19/4-proptypes/doc_debug_incluida.md)
* [Cómo validar, formas comunes](/react-puro-19/4-proptypes/formas_validar.md)
* [Ejemplo Tweet con PropTypes](/react-puro-19/4-proptypes/tweet_proptypes.md)
* [PropTypes como documentación](/react-puro-19/4-proptypes/doc_proptypes.md)

### - Children

* [Los Children](/react-puro-19/5-children/children.md)
* [Diferentes tipos de Children](/react-puro-19/5-children/tipos_children.md)
* [Manejando uso Children](/react-puro-19/5-children/manejo_children.md)
* [PropTypes para Children](/react-puro-19/5-children/proptypes_children.md)
* [Personalizar Children antes de renderizar](/react-puro-19/5-children/personalizar_children.md)

### - Practica: GitHub File List

* [Parte inicial](/react-puro-19/6-github-file-list/parte_1.md)
* [Parte 2: la Prop 'key'](/react-puro-19/6-github-file-list/parte_2.md)

### - State en Clases

* [El state](/react-puro-19/7-state-en-clases/state.md)
* [Ejemplo inicial: un contador](/react-puro-19/7-state-en-clases/ejemplo_contador.md)
* [setState es Asincrónico](/react-puro-19/7-state-en-clases/setstate_asincrono.md)
* [Fusión superficial vs profunda](/react-puro-19/7-state-en-clases/fusion_superficial_profunda.md)
* [Sintaxis limpia en Class Components](/react-puro-19/7-state-en-clases/sintaxis_limpia_class_components.md)
* [Manejo de eventos](/react-puro-19/7-state-en-clases/manejo_eventos.md)

### - Ciclo de vida del componente

* [El ciclo](/react-puro-19/8-ciclo-vida-componente/ciclo.md)
* [Fases](/react-puro-19/8-ciclo-vida-componente/fases.md)
* [Montaje](/react-puro-19/8-ciclo-vida-componente/montaje.md)
* [Representación](/react-puro-19/8-ciclo-vida-componente/representacion.md)
* [Desmontaje](/react-puro-19/8-ciclo-vida-componente/desmontaje.md)
* [Manejo de errores](/react-puro-19/8-ciclo-vida-componente/manejo_errores.md)

### - Solicitudes API en React

* [Intro](/react-puro-19/9-requests-api/intro.md)
* [Eligir libreria HTTP](/react-puro-19/9-requests-api/libreria_http.md)
* [Obtener datos y mostrarlos](/react-puro-19/9-requests-api/obtener_mostrar_datos.md)

### - State en Funciones

* [Intro Hooks](/react-puro-19/10-state-en-funciones/intro_hooks.md)
* [El useState Hook](/react-puro-19/10-state-en-funciones/usestate_hook.md)
* [La "magia" de los Hooks](/react-puro-19/10-state-en-funciones/magia_hook.md)
* [Reglas de los Hooks](/react-puro-19/10-state-en-funciones/reglas_hooks.md)
* [Actualizar State basado en State anterior](/react-puro-19/10-state-en-funciones/actualizar_state_de_state_anterior.md)
* [State como un Array](/react-puro-19/10-state-en-funciones/state_array.md)
* [State como un Objeto](/react-puro-19/10-state-en-funciones/state_objeto.md)

### - Pensando en uso del State

* [Qué colocar en el State](/react-puro-19/11-pensando-uso-state/que_colocar_en_state.md)
* [Pensando declarativamente](/react-puro-19/11-pensando-uso-state/pensando_declarativamente.md)
* [Dónde mantener el estado](/react-puro-19/11-pensando-uso-state/donde_mantener_estado.md)
* ["Tipos" de componentes](/react-puro-19/11-pensando-uso-state/tipos_componentes.md)

### - Controles de entrada

* [Entradas controladas](/react-puro-19/12-controles-entrada/entradas_controladas.md)
* [Entradas NO controladas](/react-puro-19/12-controles-entrada/entradas_no_controladas.md)

### - El Hook useReducer

* [Qué es un Reducer?](/react-puro-19/13-hook-usereducer/que_es_reducer.md)
* [Un ejemplo más practico](/react-puro-19/13-hook-usereducer/ejemplo_practico.md)
* [Entonces, Redux murió?](/react-puro-19/13-hook-usereducer/redux_muerto.md)

### - El Hook useEffect

* [Intro useEffect](/react-puro-19/14-hook-useeffect/intro_useeffect.md)
* [Límite cuando se ejecuta un Effect](/react-puro-19/14-hook-useeffect/limite_useeffect.md)
* [Solo ejecución en montaje y desmontaje](/react-puro-19/14-hook-useeffect/ejecutar_en_montaje_demontaje.md)
* [Obtener datos (Fetch) con useEffect](/react-puro-19/14-hook-useeffect/fetch_datos_useeffect.md)
* [Re-obtener datos (Re-Fetch) cuando cambian](/react-puro-19/14-hook-useeffect/re-fetch_datos_useeffect.md)
* [Hacer cambios visibles del DOM](/react-puro-19/14-hook-useeffect/visible_cambios_dom.md)

### - La API Context

* [Intro API Context](/react-puro-19/15-api-context/intro_api_context.md)
* [Ejemplo perforación de props](/react-puro-19/15-api-context/drilling_props.md)
* [Patrón "Slots"](/react-puro-19/15-api-context/patron_slots.md)
* [Usando React API Context](/react-puro-19/15-api-context/uso_react_api_context.md)
* [Patrón "Render Props"](/react-puro-19/15-api-context/patron_render_props.md)
* [Otros Patrones de Context](/react-puro-19/15-api-context/otros_patrones_context.md)
* [El Hook useContext](/react-puro-19/15-api-context/hook_usecontext.md)

### - Anexos complementos

* [Ref. Awesome React](https://github.com/enaqx/awesome-react)
* [Ref. Awesome React Hooks](https://github.com/rehooks/awesome-react-hooks)
* [Ref. Awesome React GraphQL](https://github.com/hasura/awesome-react-graphql)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://zeroidentidad.gitbook.io/react-puro-19/master.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.