Intermedio
React
Aprende React desde cero. Componentes, estado, hooks, contexto, rendimiento, enrutamiento, pruebas y una aplicacion final integradora.
17 lecciones10.2h práctico11 idiomas
Empieza a aprender gratisReact curso17 lecciones, en orden
- 125 min
¿Qué es React?
What React isComponents as functionsVirtual DOM intuitionRendering JSXCreating a Vite app - 230 min
JSX y componentes
JSX syntax rulesSingle root elementClassName vs classEmbedding expressions with {}Defining componentsComposing components - 330 min
Propiedades
Passing props as attributesReceiving props objectDestructuring props in signatureDefault valuesThinking about prop shapes - 435 min
Estado con useState
UseState hookReading stateCalling the setterUpdater function formNever mutate stateCounter pattern - 530 min
Manejo de eventos
OnClick handlerOnChange basicsPassing functions vs calling themEvent objectPassing handlers as props - 630 min
Renderizado condicional y listas
&& for show/hideTernary for either/orMapping arrays to JSXThe key propWhy keys need to be stable - 735 min
Formularios y entradas controladas
Controlled input patternValue and onChange togetherMulti-field form stateOnSubmit and preventDefaultGathering form data - 840 min
Efectos con useEffect
What counts as a side effectUseEffect signatureDependency arrayRunning on mount onlyCleanup functionSubscribe/unsubscribe pattern - 935 min
Composicion de componentes
Children propWrapping componentsPassing JSX as propsLifting state upThinking in component trees - 1035 min
Context y useContext
CreateContextContext.ProviderUseContextWhen context is the right toolContext vs prop drilling tradeoffs - 1135 min
useReducer
When to reach for useReducerReducer function shapeAction objectsDispatchCombining useReducer with useContext - 1235 min
Hooks personalizados
Extracting stateful logic into a functionUse prefix conventionUseToggle exampleUseLocalStorage exampleHooks rules - 1335 min
Rendimiento y memoización
React.memo for componentsUseMemo for expensive computationsUseCallback for stable function referencesWhen memoization is overkillMeasuring before optimizing - 1440 min
Obtención de datos
Fetch inside useEffectLoading/error/data statesAbortController cleanupPreventing setState after unmountMention TanStack Query as a next step - 1540 min
Enrutamiento con React Router
Installing react-router-domBrowserRouterRoutes and RouteLink for navigationUseParamsUseNavigate - 1640 min
Pruebas de componentes de React
Vitest + React Testing Library setupRender and screenGetByRole queriesUserEvent for interactionsWriting one good button test - 1760 min
Proyecto final: Aplicación de tareas
Combining state, lists, controlled inputsCustom hook for localStorage persistenceSmall routing setupPutting it together
Aprende React en tu idioma
Cada lección, examen y respuesta del tutor aparece en tu idioma. El tutor de IA responde en el idioma en que le hablas.