Ignite_React.js_Activity_03

React JS activity done with 'Rocketseat' Ignite course. ("Chapter IV, V & VI")

This is a Next.js project bootstrapped with create-next-app.

💻 Sobre o capítulo IV - Construindo interfaces do futuro, Data fetching e cache local, Autenticação e autorização.

Nesse módulo criaremos a interface de um painel administrativo contendo fluxo de autenticação, dashboard, listagem e cadastro usando Chakra UI no Next.js. Nesse módulo vamos utilizar o React Query para melhorar a experiência de uso da nossa aplicação criando uma camada de cache de dados entre o front-end e back-end. Nesse módulo vamos entender como criar um processo completo de autenticação, autorização e refresh token dentro do React com Next.js permitindo controlar o acesso à rotas e componentes tanto no client-side quanto no server-side.

💻 Sobre o capítulo V - Performando apps com ReactJS, Testes unitários no React.

Uma preocupação comum no desenvolvimento de aplicação web é a performance e, por isso, nesse módulo entenderemos como performar aplicações com React entendendo como funcionam os algoritmos internos da biblioteca e todo fluxo de renderização de componentes. Nesse módulo vamos entender como criar testes automatizados de unidade dentro do React garantindo que nossos componentes e páginas continuem funcionando independente de novas manutenções. Tudo isso usando Jest e Testing Library.

💻 Sobre o capítulo VI - Estratégias de deply no ReactJS.

Nesse módulo vamos conhecer as principais estratégias de deploy de uma aplicação ReactJS com e sem Next.js utilizando serviçoes como Netlify e Vercel principalmente, mas também apresentando outras opções para projetos mais complexos.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.