ReactJS Hooks TDD Clean Architecture SOLID Patterns

/13. LoadSurveyList - Presentation e Composição/

6. Usando o Design Pattern Decorator.mp4

1. Testando a integração com o LoadSurveyList.mp4

2. Testando o SurveyItem.mp4

2.1 Full Icu.html

2.2 Cross Env.html

3. Testando casos de sucesso e erro.mp4

4. Fazendo a composição do LoadSurveyList.mp4

5. Criando layout para o caso de erro.mp4

7. Refatorando os UseCases para usar TypeAlias internos.mp4

8. Aplicando o Decorator na composição.mp4

9. Testando o logout.mp4

10. Testando o username do header.mp4

11. Derrubando o usuário no erro 403.mp4

12. Criando Custom Hooks.mp4

/1. Introdução/

1.1 Repositório do Projeto.html

1.2 snippets.json.json

1.3 Documentação da API.html

2. Configurando o Git.mp4

2.1 Git Add.html

2.2 Git Alias.html

2.3 Git Tag.html

2.4 Git Commit.html

2.5 Git Log.html

2.6 Git Pretty Formats.html

2.7 Git Shortlog.html

2.8 Git Status.html

3. Configurando as dependências.mp4

3.1 Lint Staged.html

3.2 Typescript.html

3.3 Husky.html

3.4 Eslint.html

3.5 Jest.html

3.6 Eslint + Typescript + Standard.html

3.7 Standard JS.html

3.8 Conventional Commits.html

3.9 Git Commit Msg Linter.html

3.10 TS-Jest.html

4. Clean Architecture.mp4

4.1 Clean Architecture - Livro.html

4.2 Design Patterns - Livro.html

4.3 Link para o Diagrama.html

4.4 Draw.io.html

1. Código Fonte.html

/2. Login - Domain e Data Layer/

1. Testando a integração do RemoteAuthentication com o HttpPostClient.mp4

2. Testando que o RemoteAuthentication vai chamar o HttpClient com o body correto.mp4

2.1 Faker.html

3. Testando casos de erro.mp4

4. Testando caso de sucesso.mp4

/3. Infra Layer - Implementando o HttpPostClient/

1. Criando o AxiosHttpClient e testando sua integração com a biblioteca axios.mp4

1.1 Axios.html

2. Refatorando o AxiosHttpClient.mp4

/4. Login - Presentation Layer/

1. Configurando o React.mp4

1.1 React DOM.html

1.2 React CDN.html

1.3 Font Roboto.html

1.4 React.html

2. Por que não vou usar o CRA.mp4

3. Configurando o Webpack.mp4

3.1 Webpack Dev Server.html

3.2 TS-Loader.html

3.3 Style-Loader.html

3.4 SASS-Loader.html

3.5 Webpack.html

3.6 Identity Obj Proxy.html

3.7 CSS-Loader.html

3.8 Clean Webpack Plugin.html

3.9 Node-SASS.html

3.10 Eslint Plugin React.html

4. Criando o layout da tela do Login.mp4

4.1 SASS.html

4.2 logo.svg.svg

4.3 CSS Spinners.html

4.4 PNG to Base64.html

5. Refatorando layout do Login em componentes.mp4

6. Definindo um Router para o sistema.mp4

6.1 React Router DOM.html

7. Testando o estado inicial do Login 12.mp4

7.1 React Testing Library.html

8. Testando o estado inicial do Login 22.mp4

9. Testando a integração com o Validation.mp4

10. Mostrando status de erro ou sucesso baseado na resposta do Validation.mp4

11. Testando a integração com o Auhentication.mp4

12. Refatorando os testes do Login.mp4

13. Testando caso de sucesso e erro.mp4

13.1 Jest LocalStorage Mock.html

14. Testando a navegação entre componentes.mp4

15. Refatorando os testes.mp4

/5. Validation Layer/

1. Criando o RequiredFieldValidation.mp4

2. Criando o EmailValidation.mp4

2.1 Post do StackOverflow com a Regex de Email.html

3. Criando o MinLengthValidation.mp4

4. Aplicando o Design Pattern Composite.mp4

5. Aplicando o Design Pattern Builder.mp4

/6. Login - Main Layer/

1. Fazendo a composição do Login.mp4

1.1 URL da API.html

2. Refatorando os Factories.mp4

3. Ajustando o AxiosHttpClient.mp4

4. Criando últimos testes para bater coverage 100%.mp4

5. Criando variável de ambiente e subindo versão.mp4

5.1 Variável de Ambiente no Webpack.html

/7. Continuous Integration/

1. Integrando o projeto com TravisCI e Coveralls.mp4

1.1 Travis CI.html

1.2 Eslint Comma Spacing.html

1.3 Eslint Method Signature Style.html

1.4 Npm-Check.html

1.5 Coveralls.html

1.6 Eslint No Return Await.html

/8. Movendo LocalStorage para Infra/

1. Criando o SaveAccessToken UseCase.mp4

2. Testando caso de exceção.mp4

3. Testando o LocalStorageAdapter.mp4

4. Mudando o Login para usar o SaveAccessToken ao invés do localStorage diretamente.mp4

5. Ajustando o Webpack e subindo versão.mp4

/9. SignUp/

1. Criando o AddAccount UseCase.mp4

2. Criando o CompareFieldsValidation.mp4

3. Corrigindo bug no Eslint.mp4

4. Criando layout da tela de cadastro.mp4

5. Criando testes para o SignUp 13.mp4

6. Criando testes para o SignUp 23.mp4

7. Criando testes para o SignUp 33.mp4

8. Criando um componente para o SubmitButton.mp4

9. Criando a composição do SignUp.mp4

/10. Testes de Integração com Cypress/

1. Configurando o Cypress.mp4

1.1 Cypress Typescript.html

1.2 Cypress Typescript Example.html

1.3 Jest TestPathIgnorePatterns.html

1.4 Cypress Webpack Preprocessor.html

1.5 Cypress.html

1.6 Eslint Plugin Cypress.html

2. Criando testes de integração para o Login 12.mp4

2.1 Cypress Custom Commands.html

3. Criando testes de integração para o Login 22.mp4

4. Criando input com animação.mp4

4.1 CSS Transitions.html

4.2 CSS Transform.html

4.3 CSS Pseudo Elementos.html

5. Mockando requests nos testes de integração.mp4

5.1 Cypress Network Request.html

6. Finalizando os testes e fazendo outro refactor no input.mp4

7. Refatorando os testes de integração.mp4

8. Criando testes de integração para o SignUp.mp4

9. Subindo versão pro Github.mp4

/11. LoadSurveyList - UseCases e Layout/

1. Criando o caso de uso do LoadSurveyList.mp4

2. Como resolver Cross Cutting Concerns.mp4

2.1 Cross Cutting Concern.html

3. Integrando o LoadSurveyList com o HttpGetClient.mp4

4. Adicionando o HttpGetClient ao AxiosHttpClient.mp4

5. Criando o layout do SurveyList.mp4

5.1 icon-thumb-down.png.png

5.2 icon-thumb-up.png.png

6. Tornando o layout responsivo.mp4

7. Criando efeito de shimmer.mp4

7.1 CSS Animations.html

7.2 CSS after.html

7.3 CSS empty.html

7.4 CSS Background.html

7.5 CSS Linear Gradient.html

7.6 CSS @keyframes.html

7.7 CSS Transform.html

/12. Autenticação nas Rotas/

1. Adicionando mais dados ao localstorage.mp4

2. Migrando o Router para o Main Layer.mp4

3. Criando um contexto para a aplicação.mp4

4. Adicionando testes ao CurrentAccountAdapter.mp4

5. Aplicando o Design Pattern Proxy.mp4

6. Adotando melhores práticas no Testing Library.mp4

6.1 Testing Library - Jest DOM.html

6.2 Link para o artigo.html

/14. Testes de Integração com Cypress/

1. Refatorando os testes atuais.mp4

2. Criando testes de integração para o SurveyList 12.mp4

3. Criando teste do caso de sucesso e adicionando fixtures.mp4

/15. Continuous Delivery + Deploy/

1. Refactor useEffect.mp4

2. Configurando o Webpack para produção.mp4

2.1 Webpack Mini Css Extract Plugin.html

2.2 Webpack Merge Plugin.html

2.3 Webpack Html Webpack Plugin.html

3. Continuous Delivery - Travis CI + Heroku.mp4

3.1 Axios CDN.html

3.2 Express History API Fallback.html

3.3 Express.html

3.4 Travis CI + Heroku Deploy.html

3.5 React Router DOM CDN.html

4. Adicionando Favicon.mp4

4.1 NPM Audit.html

4.2 favicon.png.png

4.3 Favicon Webpack Plugin.html

5. Incluindo o Cypress no CICD.mp4

5.1 WebPack Dev Server + Cypress.html

5.2 Start Server And Test.html

5.3 Travis CI + Cypress.html

6. Adicionando badge do Snyk.mp4

6.1 Snyk.html

6.2 Snyk Badge.html

/16. LoadSurveyResult/

1. Criando o UseCase.mp4

2. Integrando o RemoteLoadSurveyResult com o HttpGetClient 12.mp4

3. Integrando o RemoteLoadSurveyResult com o HttpGetClient 22.mp4

4. Criando o layout do SurveyResult.mp4

4.1 React Flip Move.html

5. Isolando o loading em componente.mp4

6. Isolando o calendário em componente.mp4

7. Tornando o componente de erro mais genérico.mp4

8. Criando um skeleton view para o SurveyResult.mp4

9. Testando a integração do SurveyResult com o LoadSurveyResult.mp4

10. Testando caso de sucesso.mp4

11. Testando casos de erro.mp4

12. Fazendo a composição do SurveyResult.mp4

13. Refatorando o SurveyResult em componentes.mp4

14. Testes de integração com Cypress.mp4

/17. SaveSurveyResult/

1. Refatorando o AxiosHttpClient.mp4

2. Criando o UseCase e Model.mp4

3. Criando a implementação do UseCase.mp4

4. Integrando com o SaveSurveyResult UseCase.mp4

5. Testando resposta do SaveSurveyResult.mp4

6. Criando testes de integração e fazendo deploy.mp4

Total files 212