@@ -947,8 +947,10 @@ These were taken from https://github.com/TimonVS/vscode-react-standard because t
947
947
Below is a list of all available snippets and the triggers of each one. The ** ⇥** means the ` TAB ` key.
948
948
949
949
| Trigger | Content |
950
- | ---------- | ------------------------------------------------------------------ |
950
+ | -------- | ---------------------------------------------------------------- |
951
951
| ` j→ ` | jsx element |
952
+ | ` dp→ ` | destructuring of props |
953
+ | ` ds→ ` | destructuring of props |
952
954
| ` jc→ ` | jsx self-closed element |
953
955
| ` jm→ ` | ` jsx elements map ` |
954
956
| ` jmr→ ` | ` jsx elements map with return ` |
@@ -987,35 +989,35 @@ Every snippet regarding prop types begins with `pt` so it's easy to group it all
987
989
On top of that each prop type snippets has one equivalent when we need to declare that this property is also required.
988
990
For example ` pta ` creates the ` PropTypes.array ` and ` ptar ` creates the ` PropTypes.array.isRequired `
989
991
990
- | Trigger | Content |
992
+ | Trigger | Content |
991
993
| -------: | ------------------------------------------------------------------------------------ |
992
- | ` pta→ ` | ` PropTypes.array, ` |
993
- | ` ptar→ ` | ` PropTypes.array.isRequired, ` |
994
- | ` ptb→ ` | ` PropTypes.bool, ` |
995
- | ` ptbr→ ` | ` PropTypes.bool.isRequired, ` |
996
- | ` ptf→ ` | ` PropTypes.func, ` |
997
- | ` ptfr→ ` | ` PropTypes.func.isRequired, ` |
998
- | ` ptn→ ` | ` PropTypes.number, ` |
999
- | ` ptnr→ ` | ` PropTypes.number.isRequired, ` |
1000
- | ` pto→ ` | ` PropTypes.object., ` |
1001
- | ` ptor→ ` | ` PropTypes.object.isRequired, ` |
1002
- | ` pts→ ` | ` PropTypes.string, ` |
1003
- | ` ptsr→ ` | ` PropTypes.string.isRequired, ` |
1004
- | ` ptnd→ ` | ` PropTypes.node, ` |
994
+ | ` pta→ ` | ` PropTypes.array, ` |
995
+ | ` ptar→ ` | ` PropTypes.array.isRequired, ` |
996
+ | ` ptb→ ` | ` PropTypes.bool, ` |
997
+ | ` ptbr→ ` | ` PropTypes.bool.isRequired, ` |
998
+ | ` ptf→ ` | ` PropTypes.func, ` |
999
+ | ` ptfr→ ` | ` PropTypes.func.isRequired, ` |
1000
+ | ` ptn→ ` | ` PropTypes.number, ` |
1001
+ | ` ptnr→ ` | ` PropTypes.number.isRequired, ` |
1002
+ | ` pto→ ` | ` PropTypes.object., ` |
1003
+ | ` ptor→ ` | ` PropTypes.object.isRequired, ` |
1004
+ | ` pts→ ` | ` PropTypes.string, ` |
1005
+ | ` ptsr→ ` | ` PropTypes.string.isRequired, ` |
1006
+ | ` ptnd→ ` | ` PropTypes.node, ` |
1005
1007
| ` ptndr→ ` | ` PropTypes.node.isRequired, ` |
1006
- | ` ptel→ ` | ` PropTypes.element, ` |
1008
+ | ` ptel→ ` | ` PropTypes.element, ` |
1007
1009
| ` ptelr→ ` | ` PropTypes.element.isRequired, ` |
1008
- | ` pti→ ` | ` PropTypes.instanceOf(ClassName), ` |
1009
- | ` ptir→ ` | ` PropTypes.instanceOf(ClassName).isRequired, ` |
1010
- | ` pte→ ` | ` PropTypes.oneOf(['News', 'Photos']), ` |
1011
- | ` pter→ ` | ` PropTypes.oneOf(['News', 'Photos']).isRequired, ` |
1012
- | ` ptet→ ` | ` PropTypes.oneOfType([PropTypes.string, PropTypes.number]), ` |
1010
+ | ` pti→ ` | ` PropTypes.instanceOf(ClassName), ` |
1011
+ | ` ptir→ ` | ` PropTypes.instanceOf(ClassName).isRequired, ` |
1012
+ | ` pte→ ` | ` PropTypes.oneOf(['News', 'Photos']), ` |
1013
+ | ` pter→ ` | ` PropTypes.oneOf(['News', 'Photos']).isRequired, ` |
1014
+ | ` ptet→ ` | ` PropTypes.oneOfType([PropTypes.string, PropTypes.number]), ` |
1013
1015
| ` ptetr→ ` | ` PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired, ` |
1014
- | ` ptao→ ` | ` PropTypes.arrayOf(PropTypes.number), ` |
1016
+ | ` ptao→ ` | ` PropTypes.arrayOf(PropTypes.number), ` |
1015
1017
| ` ptaor→ ` | ` PropTypes.arrayOf(PropTypes.number).isRequired, ` |
1016
- | ` ptoo→ ` | ` PropTypes.objectOf(PropTypes.number), ` |
1018
+ | ` ptoo→ ` | ` PropTypes.objectOf(PropTypes.number), ` |
1017
1019
| ` ptoor→ ` | ` PropTypes.objectOf(PropTypes.number).isRequired, ` |
1018
- | ` ptsh→ ` | ` PropTypes.shape({color: PropTypes.string, fontSize: PropTypes.number}), ` |
1020
+ | ` ptsh→ ` | ` PropTypes.shape({color: PropTypes.string, fontSize: PropTypes.number}), ` |
1019
1021
| ` ptshr→ ` | ` PropTypes.shape({color: PropTypes.string, fontSize: PropTypes.number}).isRequired, ` |
1020
1022
1021
1023
0 commit comments