Utility to create slices in Feature-Sliced Design methodology.
Expect, that you have already installed react
, typescript
, @reduxjs/toolkit
, @reduxjs/toolkit-query
, i18n
and use module.scss
structure.
npm install @gobvoz/cli-fsd -g
Create folders structure
fsd init
generate slice template
fsd new|n <layer> <slice-name>
add to slice template
fsd add|a <layer> <slice-name> <option>
feature(s)
- create feature sliceentit(y|ies)
- create entity slicepage(s)
- create page slicewidget(s)
- create widget slice
<slice-name>
- name of the slice
lazy-load(er)
- add lazy loader template to theslice-name
. Typically used to load a page asynchronously.test(s)
- create__TEST__
folder or add a test template to an existing folder.component
- add component template toui
folder.
fsd new pages user
fsd new widget user
fsd new entities user
fsd new feature user
fsd add feature user lazy-load
fsd add entity user tests [specific name]
fsd add entity user model