DEV Community

Rubem Vasconcelos
Rubem Vasconcelos

Posted on

3

Configure Aplicações React Usando Arquitetura Limpa com Apenas Um Comando

Crie aplicações React usando Arquitetura Limpa sem precisar configurar nada.

É como usar o comando create-react-app, mas mais eficiente e mais fácil de escalar. O objetivo é ajudar a ganhar tempo durante o desenvolvimento.

  • Guia do usuário – Como desenvolver aplicativos criados com Clean React App.

Clean React App funciona em macOS, Windows e Linux.

Se algo não funcionar, registre um problema no repositório.

Visão geral rápida

npx @rubemfsv/clean-react-app my-app
cd my-app
npm start or npm run dev
Enter fullscreen mode Exit fullscreen mode

Feito. Tudo está configurado e pronto para ser executado!


Este boilerplate contém as seguintes configurações:

  • Adapter para o Local storage;
  • Axios como cliente HTTP;
  • Webpack configurado para ambientes de desenvolvimento e produção;
  • Testes end-to-end básicos configurados com Cypress;
  • Testes unitários com Jest;
  • Husky com pre-push configurado para rodar os testes unitários;
  • Autenticação com validações;
  • Camada de validação para reuso das validações;
  • Alguns hooks para ajudar com as chamadas da API e submissões de formulários;
  • Configurações para rotas privadas;
  • Três páginas para ajudar a melhorar a produtividade:
    • Página de Login
    • Página de Sign up
    • Página inicial

É open source. Sintam-se livres para contribuir!

Link: https://www.npmjs.com/package/@rubemfsv/clean-react-app

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Top comments (0)

Cloudinary image

Optimize, customize, deliver, manage and analyze your images.

Remove background in all your web images at the same time, use outpainting to expand images with matching content, remove objects via open-set object detection and fill, recolor, crop, resize... Discover these and hundreds more ways to manage your web images and videos on a scale.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay