1. Iniciando o setup do projeto;

• 1. Observação 1: Criando o projeto, utilizando a tecnologia React.js com Next.js, e para trazer a parte do Back-end, é de dentro da pasta pages, criando uma pasta chamada api, e de dentro da pasta api criar o arquivo index.ts, que vai ser por exemplo a home das apis a serem criadas. E o conceito de lambda, são pequenas funções que executam o código no Back-end.

2. Carregando minha UI;

3. Ajustando Paths relativos no TypeScript;

4. Linter: O segundo nível de qualidade, e o TypeScript já foi o primeiro;

• 1. Observação 2: Foi adicionados três arquivos que fazem parte da qualidade do código: O editorconfig, o eslintrc.js e o prettierrc. Sendo o eslintrc.js com a função de aplicar as regras de lint, o prettierrc com a função de padronizar toda a escrita de código, como por exemplo: limitando o tamanho de linha, e outras configurações. E já o editorconfig com sua função para padronizar algumas coisas especificas como por exemplo: a configuração de espaçamento do meu editor, e assim tendo o eslint como o administrador do conjunto todo.

5. GET - Protocolo HTTP, e Integrando do Back ao Front com Controllers;

5.1. Melhorando a tipagem, Repositories e o começo da paginação;

5.2. Resolvendo o estado duplicado do projeto em DEV com Strict Mode e Estados;

5.3. Implementando a busca, e usando generics no TypeScript;

5.4. Dica extra de React - useRef para controle de fluxo;

6. Terminando as operações CRUD no projeto;

6.1. POST - Criando as TODOs, e "Controlando” o fluxo;