filletjs
v0.9.9
Published
Another react's app generator.
Downloads
81
Readme
Fillet | FilletJS Gerador
Instalação
Yarn
yarn global add filletjs
NPM
npm install filletjs -g
Uso
Para criar uma nova aplicação:
fillet new my-app
ou
npx filletjs new my-app
Após a instalação, abra o diretório da sua aplicação:
cd my-app
Dentro do projeto execute:
yarn start
ou
npm start
A aplicação irá iniciar em modo desenvolvimento: Abra o navegador http://localhost:4000
Compilar
Para compilar o projeto para produção execute:
yarn build
ou
npm run build
Para compilar para homologação:
yarn build:uat
ou
npm run build:uat
Arquitetura
Componentes
São blocos de códigos reutilizáveis que compõe o design system. Nessa camada não deve haver nenhum tipo de integração.
fillet g component <your-component>/<variation>
ex:
fillet g component menu
fillet g component menu/item
Features
Tem como finalidade implementar regras de negócios complexas e/ou de integração. Essa camada é responsável por gerenciar os dados, através do Redux Toolkit.
fillet g feature <your-feature>
ex:
fillet g feature account
Containers
São responsáveis por manipular e exibir dados de uma feature.
fillet g container <your-feature>/<context>
ex:
fillet g container account/list
Views
São ligadas ao arquivo de rotas. Elas são responsáveis por mapear o que será exibido na tela a partir de uma url.
fillet g view <your-area>/<page>
ex:
fillet g view account
fillet g view account/management
Layouts
São páginas de estrutura que se repetem dentro do projeto (master pages).
fillet g layout <your-layout>
ex:
fillet g layout logged
2024 • https://fillet.com.br/ • FAÇA • FUCE • FORCE