Scribd
Carregar
3 visualizações2 páginas

Roadmap Completo para Front-end com React

O documento apresenta um roadmap de estudos para formar um desenvolvedor front-end moderno com foco em React e TypeScript. O plano é dividido em 10 etapas, abrangendo desde fundamentos da web até testes e ferramentas de build, com ênfase em boas práticas e projetos práticos. O objetivo final é desenvolver um projeto completo que inclua autenticação, CRUD, testes e deploy.

Enviado por

samuhgomes28
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
3 visualizações2 páginas

Roadmap Completo para Front-end com React

O documento apresenta um roadmap de estudos para formar um desenvolvedor front-end moderno com foco em React e TypeScript. O plano é dividido em 10 etapas, abrangendo desde fundamentos da web até testes e ferramentas de build, com ênfase em boas práticas e projetos práticos. O objetivo final é desenvolver um projeto completo que inclua autenticação, CRUD, testes e deploy.

Enviado por

samuhgomes28
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd

Roadmap de Estudos – Front-end com React

Objetivo: Formar um desenvolvedor front-end moderno, preparado para o mercado, com domínio de
React, TypeScript e boas práticas.

Etapa 1 – Fundamentos da Web


● HTML (semântica, formulários, acessibilidade)
● CSS (box model, flexbox, grid, responsividade)
● JavaScript (DOM, eventos, async/await, fetch)
● Projetos: Landing page, formulário, to-do list

Etapa 2 – Controle de Versão e Qualidade


● Git e GitHub (commits, branches, pull requests)
● Clean Code
● ESLint e Prettier
● Projetos versionados com README profissional

Etapa 3 – React Essencial


● JSX e Componentes
● Props e State
● Renderização condicional
● Listas e keys
● Eventos
● Projetos componentizados

Etapa 4 – React Avançado


● Hooks: useState, useEffect, useContext, useRef
● useMemo e useCallback
● Hooks customizados
● React Router e rotas privadas
● Context API e estado global

Etapa 5 – APIs e Performance


● HTTP e APIs REST
● Axios e Fetch
● Tratamento de erros
● Lazy loading e otimização de performance

Etapa 6 – TypeScript
● Tipos primitivos
● Interfaces e Types
● Union Types e Generics
● Utility Types
● Tipagem de props, eventos e APIs

Etapa 7 – Estilização Moderna


● TailwindCSS
● Utility-first
● Responsividade
● Dark mode
● Boas práticas de UI

Etapa 8 – Testes
● Jest
● Matchers
● React Testing Library
● Mocks
● Testes de formulários e componentes

Etapa 9 – Build e Ferramentas


● Webpack (entry, output, loaders, plugins)
● Babel
● Build de produção
● Dev Server

Etapa 10 – Design e Projeto Final


● Figma (leitura e interpretação de layouts)
● Projeto final completo com React + TS
● Autenticação, CRUD, testes e deploy

Você também pode gostar