UNPKG

@gobvoz/cli-fsd

Version:

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.

60 lines (41 loc) • 1.17 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
# cli-fsd 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. ## Installation ```sh npm install @gobvoz/cli-fsd -g ``` ## Usage Create folders structure ```sh fsd init ``` generate slice template ```sh fsd new|n <layer> <slice-name> ``` add to slice template ```sh fsd add|a <layer> <slice-name> <option> ``` #### Layer: - `feature(s)` - create feature slice - `entit(y|ies)` - create entity slice - `page(s)` - create page slice - `widget(s)` - create widget slice #### Slice name: - `<slice-name>` - name of the slice #### Option: - `lazy-load(er)` - add lazy loader template to the `slice-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 to `ui` folder. ## Example ```sh 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 ```