mastermindzh/react-starter-kit
1
0
Fork 0
mirror of https://github.com/Mastermindzh/react-starter-kit.git synced 2025-08-02 23:53:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

Added styled components

Browse Source 
- also removed existing css
  - left the capabilities included
This commit is contained in:
Rick van Lieshout
2022-08-08 14:08:16 +02:00
parent e733c4a9f6
commit 4b61b4a370
9 changed files with 382 additions and 504 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
.vscode/typescriptreact.code-snippets vendored
View File

@@ -4,7 +4,7 @@
"body": [
"import { FunctionComponent } from \"react\";",
"",
"type Props = {}",
"type Props = {};",
"",
"export const ${1:${TM_FILENAME_BASE}}: FunctionComponent<Props> = () => {",
" return <h1>${1:${TM_FILENAME_BASE}}</h1>;",
@@ -72,5 +72,23 @@
"react-i18next useTranslate hook": {
"prefix": ["useTranslation", "translate", "i18-trans"],
"body": ["const [translate] = useTranslation();"]
},
"react-styled-component": {
"prefix": ["rsfc", "rsc", "react-styled-component"],
"body": [
"import { FunctionComponent } from \"react\";",
"import styled from \"styled-components\";",
"",
"type Props = { className?: string };",
"",
"const ${1:${TM_FILENAME_BASE}}: FunctionComponent<Props> = ({className}) => {",
" return <h1 className={className}>${1:${TM_FILENAME_BASE}}</h1>;",
"};",
"",
"const Styled${1:${TM_FILENAME_BASE}} = styled(${1:${TM_FILENAME_BASE}})``;",
"",
"export { Styled${1:${TM_FILENAME_BASE}} as ${1:${TM_FILENAME_BASE}} };",
""
]
}
}