React Avançado: Crie aplicações com NextJS, GraphQL e mais
What you'll learn
- Boas práticas em ReactJS
- Boas práticas com Styled Components
- Boas práticas com Testes
- Server Side Rendering (SSR)
- Static Site Generation (SSG)
- Rotas simples e dinâmicas no NextJS
- Funcionamento do GraphQL
- Criar componentes ReactJS do zero
- Utilizar componentes third-party
- Utilizar Storybook
- Criar APIs rapidamente com o Strapi
Course content
- Preview03:54
- Preview03:02
- Preview33:02
- 17:57Introdução ao GraphQL
- 14:25Introdução ao GraphQL Clients
- 22:19Introdução ao Strapi - Headless CMS
- 13:38Introdução ao CSS-in-JS
- 26:24Introdução a Testes de Software
Requirements
- Conhecimento básico de JavaScript
- Conhecimento básico de React
Description
Esse é um curso em andamento! Leia abaixo sobre todos os detalhes, módulos ou acesse ao site do React Avancado.
Iremos criar um e-commerce de jogos, incluindo toda a parte de pagamentos e área do cliente. Os clientes poderão fazer buscas, filtrar, adicionar ao carrinho e comprar seus jogos favoritos.
Teremos também um CMS completamente customizado para que os administradores possam adicionar produtos, categorias, plataformas, criar promoções, editar partes do site, além de emails automatizados para às vendas de cada produto.
Para criar tudo isso, iremos utilizar ferramentas muito famosas no mercado de trabalho, como ReactJS, Next, Apollo e outras coisas mais. Sempre prezando pela qualidade do código, ou seja, teremos testes em tudo!
---
Introdução e Arquitetura do Projeto
Iremos conhecer a Stack utilizada no curso, tendo explicação de cada uma das escolhas, assim como mostrando os prós e contras de cada uma delas
Iremos construir nosso boilerplate do zero, aprendendo a configurar as ferramentas de qualidade de código, como Eslint, Prettier, Git hooks e TypeScript. Assim como também configurar o Styled Components para funcionar com SSR e PWA.
---
Strapi e GraphQL
Vamos iniciar nosso backend/CMS com o Strapi, aprender mais sobre sua API, como o content type builder, single types, custom components. Além de aprender a criar controllers customizados, serviços, instalar plugins de documentação e também do GraphQL, onde iremos aprender como funciona, como criar queries, filtros, mutations e mais.
Para finalizar, aprenderemos como customizar o CMS para que ele tenha a cara da loja e se torne uma solução mais interessante para o cliente.
---
NextJS, Storybook, Testes e Apollo
Essa que será uma das maiores etapas, é onde vamos aprender a pegar um layout diretamente do Figma e vamos transformá-los em diferentes componentes e estilos.
Faremos todos os componentes com styled components, com testes, cenários no Storybook e pensando na responsividade. Com os componentes prontos, construiremos as páginas, ajustando o que for necessário para que tudo se encaixe perfeitamente.
---
Esse será um curso vivo, onde iremos ter lives e discussões a cada módulo. Para que você possa ter autonomia em seus projetos futuros e consiga criar qualquer tipo de projeto com ReactJS.
Who this course is for:
- Desenvolvedores que desejam ir além de um simples ToDo
- Desenvolvedores que desejam aprender a criar APIs de forma rápida
- Desenvolvedores que desejam ter um ecommerce
Instructors
![Willian Justen de Vasconcellos](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.7 Instructor Rating
- 31,691 Reviews
- 209,100 Students
- 8 Courses
Olá, eu sou Willian Justen. Sou Engenheiro de Software com anos experiência, já tendo trabalhado em grandes empresas como Toptal, Globo, HUGE, Queremos/WeDemand entre outras. Sempre focando na qualidade e melhor entrega para o usuário. Escrevo bastante no meu blog, falando sobre SVG, CSS, JS e minhas experiências como desenvolvedor.
- 4.9 Instructor Rating
- 795 Reviews
- 2,666 Students
- 2 Courses
Olá, eu sou Guilherme Louro, trabalho como Engenheiro de Software e tenho mais de 10 anos de experiência na área de desenvolvimento. Já tendo trabalhado com Flex, Flash, PHP, Javascript e Python. E hoje, trabalho boa parte do tempo com React, Redux, no Frontend e com Python e Node no Backend, além de várias outras tecnologias atuais.