React-clean-architecture-cli NPM

React Clean Architecture CLI

Create an App React with clean architecture and Typescript. Jest, styled components and webpack 5 with federation module for microfrontend already configured.

Install

npm install -g react-clean-architecture-cli

yarn global add react-clean-architecture-cli

Creating an App

npx react-clean-architecture-cli my-app

react-clean-architecture my-app

react-clean-architecture

and insert app name

It will create a directory called my-app inside the current folder. Inside that directory, it will generate the initial project structure and install the transitive dependencies:

my-app
├── node_modules
├── __mocks__
│   ├── emptyFileMock.js
│   └── setupTest.js
├── package.json
├── .editorconfig
├── .eslintignore
├── .eslintrc
├── .gitignore
├── .prettierrc
├── jest.config.js
├── tsconfig.json
├── webpack.config.js
├── public
│   └── index.html
└── src
    ├── @types
    │── domain
    │   ├── models
    │   └── usecases
    ├── infrastructure
    │   ├── http
    │   │   ├── __tests__
    │   │   ├── implementation
    │   │   ├── inMemory
    │   │   ├── models
    │   │   └── index.ts
    │   └── cache
    │       ├── __tests__
    │       ├── dtos
    │       ├── implementation
    │       ├── models
    │       └── index.ts
    ├── presentation
    │   ├── __tests__
    │   ├── assets
    │   ├── components
    │   ├── hooks
    │   ├── pages
    │   ├── App.tsx
    │   └── index.tsx
    ├── shared
    │   └── Either.ts
    └── usecases