@@ -37,36 +37,34 @@ export default MyDynamicComponentName
37
37
38
38
### Common
39
39
40
- | Trigger | Content | Only for languages |
41
- | :------- | :---------------------------------------- | :----------------- |
42
- | ` dtid⇥ ` | adds ` data-testid="…" ` | ` .jsx ` , ` .tsx ` |
43
- | ` forIn⇥ ` | for ... in loop ` for(const … in …) { … } ` | |
44
- | ` forOf⇥ ` | for ... of loop ` for(const … of …) { … } ` | |
40
+ | Trigger | Content | Only for languages |
41
+ | :------ | :--------------------- | :----------------- |
42
+ | ` dtid⇥ ` | adds ` data-testid="…" ` | ` .jsx ` , ` .tsx ` |
45
43
46
44
### Console
47
45
48
- | Trigger | Content |
49
- | :-------------- | :------------------------------- |
50
- | ` consoleError ⇥` | console error ` console.error(…) ` |
51
- | ` consoleInfo ⇥` | console info ` console.info(…) ` |
52
- | ` consoleLog ⇥` | console log ` console.log(…) ` |
53
- | ` consoleWarn ⇥` | console warn ` console.warn(…) ` |
46
+ | Trigger | Content |
47
+ | :----------- | :------------------------------- |
48
+ | ` consError ⇥` | console error ` console.error(…) ` |
49
+ | ` consInfo ⇥` | console info ` console.info(…) ` |
50
+ | ` consLog ⇥` | console log ` console.log(…) ` |
51
+ | ` consWarn ⇥` | console warn ` console.warn(…) ` |
54
52
55
53
### Export and Import
56
54
57
- | Trigger | Content | Only for languages |
58
- | :-------------------- | :-------------------------------------------------------------- | :----------------- |
59
- | ` exportAllFrom ⇥` | exports all from module ` export * from '…' ` | |
60
- | ` exportAs ⇥` | exports all as alias from module ` export … as … from '…' ` | |
61
- | ` exportConst ⇥` | exports const ` export const … = … ` | |
62
- | ` exportDefault⇥ ` | exports default ` export default … ` | |
63
- | ` importFrom ⇥` | imports entire module ` import … from '…' ` | |
64
- | ` importAllFrom ⇥` | imports all as alias from module ` import … as … from '…' ` | |
65
- | ` importDestructured ⇥` | imports only destructed part of module ` import { … } from '…' ` | |
66
- | ` importFileOnly ⇥` | imports entire module without module name ` import '…' ` | |
67
- | ` importReact ⇥` | import the ` React ` module ` import React from 'react' ` | ` .jsx ` , ` .tsx ` |
68
- | ` importReactDom ⇥` | import the ` ReactDOM ` module ` import ReactDOM from 'react-dom' ` | ` .jsx ` , ` .tsx ` |
69
- | ` importType ⇥` | import only the type from module ` import type { … } from '…' ` | ` .ts ` , ` .tsx ` |
55
+ | Trigger | Content | Only for languages |
56
+ | :----------------- | :-------------------------------------------------------------- | :----------------- |
57
+ | ` expAllFrom ⇥` | exports all from module ` export * from '…' ` | |
58
+ | ` expAs ⇥` | exports all as alias from module ` export … as … from '…' ` | |
59
+ | ` expConst ⇥` | exports const ` export const … = … ` | |
60
+ | ` exportDefault⇥ ` | exports default ` export default … ` | |
61
+ | ` impFrom ⇥` | imports entire module ` import … from '…' ` | |
62
+ | ` impAllFrom ⇥` | imports all as alias from module ` import … as … from '…' ` | |
63
+ | ` impDestructured ⇥` | imports only destructed part of module ` import { … } from '…' ` | |
64
+ | ` impFileOnly ⇥` | imports entire module without module name ` import '…' ` | |
65
+ | ` impReact ⇥` | import the ` React ` module ` import React from 'react' ` | ` .jsx ` , ` .tsx ` |
66
+ | ` impReactDom ⇥` | import the ` ReactDOM ` module ` import ReactDOM from 'react-dom' ` | ` .jsx ` , ` .tsx ` |
67
+ | ` impType ⇥` | import only the type from module ` import type { … } from '…' ` | ` .ts ` , ` .tsx ` |
70
68
71
69
### Functions
72
70
@@ -87,17 +85,16 @@ export default MyDynamicComponentName
87
85
88
86
### React Hooks
89
87
90
- | Trigger | Hook |
91
- | :---------------- | :--------------------------------------------------------------------------------- |
92
- | ` useCallback⇥ ` | create ` useCallback ` hook |
93
- | ` useContext⇥ ` | create ` useContext ` hook |
94
- | ` useEffect⇥ ` | create ` useEffect ` hook |
95
- | ` useMemo⇥ ` | create ` useMemo ` hook |
96
- | ` useReducer⇥ ` | create ` useReducer ` hook |
97
- | ` useRef⇥ ` | create ` useRef ` hook |
98
- | ` useRouter⇥ ` | create ` useRouter ` hook |
99
- | ` useState⇥ ` | create ` useState ` hook |
100
- | ` useTranslation⇥ ` | create ` useTranslation ` hook (part of [ react.i18next] ( https://react.i18next.com/ ) ) |
88
+ | Trigger | Hook |
89
+ | :------------- | :------------------------ |
90
+ | ` useCallback⇥ ` | create ` useCallback ` hook |
91
+ | ` useContext⇥ ` | create ` useContext ` hook |
92
+ | ` useEffect⇥ ` | create ` useEffect ` hook |
93
+ | ` useMemo⇥ ` | create ` useMemo ` hook |
94
+ | ` useReducer⇥ ` | create ` useReducer ` hook |
95
+ | ` useRef⇥ ` | create ` useRef ` hook |
96
+ | ` useRouter⇥ ` | create ` useRouter ` hook |
97
+ | ` useState⇥ ` | create ` useState ` hook |
101
98
102
99
## Snippets List for Markdown
103
100
0 commit comments