https://github.com/zeroidentidad/react-puro-19
Gitbook React puro con Hooks
https://github.com/zeroidentidad/react-puro-19
Last synced: 2 months ago
JSON representation
Gitbook React puro con Hooks
- Host: GitHub
- URL: https://github.com/zeroidentidad/react-puro-19
- Owner: zeroidentidad
- Created: 2020-04-14T04:04:54.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2022-02-19T18:27:07.000Z (over 3 years ago)
- Last Synced: 2025-01-30T11:11:10.716Z (4 months ago)
- Language: JavaScript
- Homepage: https://zeroidentidad.gitbook.io/react-puro-19
- Size: 2.13 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](./1-hola_mundo/holamundo.md)
### - JSX
- [Qué es y por qué JSX](./2-jsx/jsx.md)
- [Trabajando con JSX](./2-jsx/trabajando_jsx.md)
- [Ejemplo componente Tweet](./2-jsx/tweet.md)
### - Props
- [Las Props](./3-props/props.md)
- [Pasar Props](./3-props/pasar_props.md)
- [Recibir Props](./3-props/recibir_props.md)
- [Comunicación con componentes Padre](./3-props/comunicacion_componente_padre.md)
- [Ejemplo Tweet con Props](./3-props/tweet_props.md)
### - PropTypes
- [Documentación y depuración incluida](./4-proptypes/doc_debug_incluida.md)
- [Cómo validar, formas comunes](./4-proptypes/formas_validar.md)
- [Ejemplo Tweet con PropTypes](./4-proptypes/tweet_proptypes.md)
- [PropTypes como documentación](./4-proptypes/doc_proptypes.md)
### - Children
- [Los Children](./5-children/children.md)
- [Diferentes tipos de Children](./5-children/tipos_children.md)
- [Manejando uso Children](./5-children/manejo_children.md)
- [PropTypes para Children](./5-children/proptypes_children.md)
- [Personalizar Children antes de renderizar](./5-children/personalizar_children.md)
### - Practica: GitHub File List
- [Parte inicial](./6-github-file-list/parte_1.md)
- [Parte 2: la Prop 'key'](./6-github-file-list/parte_2.md)
### - State en Clases
- [El state](./7-state-en-clases/state.md)
- [Ejemplo inicial: un contador](./7-state-en-clases/ejemplo_contador.md)
- [setState es Asincrónico](./7-state-en-clases/setstate_asincrono.md)
- [Fusión superficial vs profunda](./7-state-en-clases/fusion_superficial_profunda.md)
- [Sintaxis limpia en Class Components](./7-state-en-clases/sintaxis_limpia_class_components.md)
- [Manejo de eventos](./7-state-en-clases/manejo_eventos.md)
### - Ciclo de vida del componente
- [El ciclo](./8-ciclo-vida-componente/ciclo.md)
- [Fases](./8-ciclo-vida-componente/fases.md)
- [Montaje](./8-ciclo-vida-componente/montaje.md)
- [Representación](./8-ciclo-vida-componente/representacion.md)
- [Desmontaje](./8-ciclo-vida-componente/desmontaje.md)
- [Manejo de errores](./8-ciclo-vida-componente/manejo_errores.md)
### - Solicitudes API en React
- [Intro](./9-requests-api/intro.md)
- [Eligir libreria HTTP](./9-requests-api/libreria_http.md)
- [Obtener datos y mostrarlos](./9-requests-api/obtener_mostrar_datos.md)
### - State en Funciones
- [Intro Hooks](./10-state-en-funciones/intro_hooks.md)
- [El useState Hook](./10-state-en-funciones/usestate_hook.md)
- [La "magia" de los Hooks](./10-state-en-funciones/magia_hook.md)
- [Reglas de los Hooks](./10-state-en-funciones/reglas_hooks.md)
- [Actualizar State basado en State anterior](./10-state-en-funciones/actualizar_state_de_state_anterior.md)
- [State como un Array](./10-state-en-funciones/state_array.md)
- [State como un Objeto](./10-state-en-funciones/state_objeto.md)
### - Pensando en uso del State
- [Qué colocar en el State](./11-pensando-uso-state/que_colocar_en_state.md)
- [Pensando declarativamente](./11-pensando-uso-state/pensando_declarativamente.md)
- [Dónde mantener el estado](./11-pensando-uso-state/donde_mantener_estado.md)
- ["Tipos" de componentes](./11-pensando-uso-state/tipos_componentes.md)
### - Controles de entrada
- [Entradas controladas](./12-controles-entrada/entradas_controladas.md)
- [Entradas NO controladas](./12-controles-entrada/entradas_no_controladas.md)
### - El Hook useReducer
- [Qué es un Reducer?](./13-hook-usereducer/que_es_reducer.md)
- [Un ejemplo más practico](./13-hook-usereducer/ejemplo_practico.md)
- [Entonces, Redux murió?](./13-hook-usereducer/redux_muerto.md)
### - El Hook useEffect
- [Intro useEffect](./14-hook-useeffect/intro_useeffect.md)
- [Límite cuando se ejecuta un Effect](./14-hook-useeffect/limite_useeffect.md)
- [Solo ejecución en montaje y desmontaje](./14-hook-useeffect/ejecutar_en_montaje_demontaje.md)
- [Obtener datos (Fetch) con useEffect](./14-hook-useeffect/fetch_datos_useeffect.md)
- [Re-obtener datos (Re-Fetch) cuando cambian](./14-hook-useeffect/re-fetch_datos_useeffect.md)
- [Hacer cambios visibles del DOM](./14-hook-useeffect/visible_cambios_dom.md)
### - La API Context
- [Intro API Context](./15-api-context/intro_api_context.md)
- [Ejemplo perforación de props](./15-api-context/drilling_props.md)
- [Patrón "Slots"](./15-api-context/patron_slots.md)
- [Usando React API Context](./15-api-context/uso_react_api_context.md)
- [Patrón "Render Props"](./15-api-context/patron_render_props.md)
- [Otros Patrones de Context](./15-api-context/otros_patrones_context.md)
- [El Hook useContext](./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)