Intermediário
React
Aprenda React do zero. Componentes, estado, hooks, contexto, desempenho, roteamento, testes e um projeto final.
17 lições10.2h prático11 idiomas
Comece a aprender de graçaReact curso17 lições, em ordem
- 125 min
O que é React?
What React isComponents as functionsVirtual DOM intuitionRendering JSXCreating a Vite app - 230 min
JSX e Componentes
JSX syntax rulesSingle root elementClassName vs classEmbedding expressions with {}Defining componentsComposing components - 330 min
Propriedades
Passing props as attributesReceiving props objectDestructuring props in signatureDefault valuesThinking about prop shapes - 435 min
Estado com useState
UseState hookReading stateCalling the setterUpdater function formNever mutate stateCounter pattern - 530 min
Manipulando Eventos
OnClick handlerOnChange basicsPassing functions vs calling themEvent objectPassing handlers as props - 630 min
Renderização Condicional e Listas
&& for show/hideTernary for either/orMapping arrays to JSXThe key propWhy keys need to be stable - 735 min
Formulários e Entradas Controladas
Controlled input patternValue and onChange togetherMulti-field form stateOnSubmit and preventDefaultGathering form data - 840 min
Efeitos com useEffect
What counts as a side effectUseEffect signatureDependency arrayRunning on mount onlyCleanup functionSubscribe/unsubscribe pattern - 935 min
Composição de Componentes
Children propWrapping componentsPassing JSX as propsLifting state upThinking in component trees - 1035 min
Context e 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
Desempenho e Memoização
React.memo for componentsUseMemo for expensive computationsUseCallback for stable function referencesWhen memoization is overkillMeasuring before optimizing - 1440 min
Busca de Dados
Fetch inside useEffectLoading/error/data statesAbortController cleanupPreventing setState after unmountMention TanStack Query as a next step - 1540 min
Roteamento com React Router
Installing react-router-domBrowserRouterRoutes and RouteLink for navigationUseParamsUseNavigate - 1640 min
Testando Componentes React
Vitest + React Testing Library setupRender and screenGetByRole queriesUserEvent for interactionsWriting one good button test - 1760 min
Projeto Final: Aplicativo de Tarefas
Combining state, lists, controlled inputsCustom hook for localStorage persistenceSmall routing setupPutting it together
Aprenda React no seu idioma
Cada lição, quiz e resposta do tutor aparece no seu idioma. O tutor de IA responde no idioma em que você pergunta.