Curso Prático React e Next.js Essencial com Typescript
Javascript Front-end React com Styled Components, SASS, Prismic CMS, Code Splitting, Testes Automatizados, Deploy, ...
Description
Olá Dev!
Seja bem-vindo e bem-vinda ao Curso de React e Next.js Essencial com Typescript. Estou muito empolgado com o conteúdo que desenvolveremos aqui no curso, acredito que você também esteja na expectativa de trilhar essa jornada.
Estaremos construindo aplicações front-end com React e Next.js, incluindo tecnologias como:
Typescript
Estilização com Styled Components
Estilização com SASS
React Code Splitting
API Pública do Github
Introdução aos Testes Automatizados
Prismic API (Headless CMS)
Deploy no Netlify
Deploy na Vercel
É importante saber que este curso parte do princípio que você como aluno já possui conhecimento básico do funcionamento de uma aplicação React. Ou seja, você já consegue trabalhar com os componentes, propriedades, estados e demais recursos básicos do React.
Caso você queira revisar esses conceitos antes de iniciar o curso, posso sugerir um mini curso gratuito de React no meu canal do Youtube, deixarei o link da playlist como material do video de apresentação do curso, com acesso liberado.
O Curso está divido em dois momentos:
1) No primeiro momento construiremos uma aplicação básica em React usando o Create-React-App e a biblioteca Styled Components, com deploy no Netlify. Com esse projeto básico estaremos consumindo a API pública do Github para criação de um catálogo de repositórios.
2) O segundo momento será uma introdução ao framework Next.js. Estaremos criando um projeto com o Next.js para aplicarmos as principais funcionalidades do Next.js em si. Com esse projeto você compreenderá o motivo do sucesso que o Next.js está fazendo na comunidade React. Neste projeto criaremos um blog consumindo uma API do Prismic (Headless CMS).
What You Will Learn!
- React Essencial: criar aplicação React com Typescript usando recursos de code splitting, cache, boas práticas, e muito mais.
- Styled Components e SASS na estilização de componentes React
- Next Web Framework para construção de aplicações React otimizadas para performance
- Configuração de uma API com o Prismic CMS
- Introdução aos testes automatizados
Who Should Attend!
- Desenvolvedores de softwares e estudantes