simple-react-app/snippets.json at main · and-adad/simple-react-app · GitHub

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
{
    "Page": {
        "prefix": "page",
        "body": [
            "import React from \"react\";",
            "",
            "const ${1:ComponentName} = () => {",
            "    return <div>${2:Component}</div>;",
            "};",
            "export default ${1:ComponentName}"
        ],
        "description": "create default nextjs page"
    },
    "function-react-component": {
        "prefix": "frc",
        "body": [
            "export const ${1:ComponentName} = () => {",
            "\treturn <div>${2:Component}</div>;",
            "}"
        ],
        "description": "React component"
    },
    "simple-form": {
        "prefix": "simple-form",
        "body": [
            "<div>",
            "<label for='name'>Name: </label>",
            "<input type='text' id='name' name='name' />",
            "</div>",
            "<div>",
            "<label for='text'>Text: </label>",
            "<input type='text' id='text' name='text' />",
            "</div>",
            "<div>",
            "<label for='rating'>Rating: </label>",
            "<input type='number' id='rating' name='rating' />",
            "</div>"
        ],
        "description": "Simple Form"
    },
    "react-context-with-provider": {
        "prefix": "rcwp",
        "body": [
            "const ${1:ContextName} = React.createContext();",
            "",
            "export const use${1:ContextName} = () => {",
            "return useContext(${1:ContextName});",
            "};",
            "",
            "export const ${1:ContextName}Provider = ({ children }) => {",
            "return <${1:ContextName}.Provider>{children}</${1:ContextName}.Provider>;",
            "};"
        ],
        "description": "Context"
    }
}