@@ -14,80 +14,80 @@ NextJS and React Snippets with TypeScript support as well!🚀
1414
1515### JavaScript
1616
17- 1 . ` rim ` (Import React)
17+ 1 . ` rir ` (Import React)
1818
19- ``` jsx
20- import React from ' react' ;
21- ```
19+ ``` jsx
20+ import React from ' react' ;
21+ ```
2222
23232. ` rird` (Import ReactDOM)
2424
25- ``` jsx
26- import ReactDOM from ' react-dom' ;
27- ```
25+ ` ` ` jsx
26+ import ReactDOM from 'react-dom';
27+ ` ` `
2828
29293. ` rimrs` (Import React and useState)
3030
31- ``` jsx
32- import React , { useState } from ' react' ;
33- ```
31+ ` ` ` jsx
32+ import React, { useState } from 'react';
33+ ` ` `
3434
35354. ` rimrse` (Import React, useState and useEffect)
3636
37- ``` jsx
38- import React , { useState , useEffect } from ' react' ;
39- ```
37+ ` ` ` jsx
38+ import React, { useState, useEffect} from 'react';
39+ ` ` `
4040
41415. ` rfce` (React functional component)
4242
43- ``` jsx
44- const Component = () => {
45- return < div>< / div> ;
46- }
47- export default Component ;
48- ```
43+ ` ` ` jsx
44+ const Component = () => {
45+ return <div></div>;
46+ }
47+ export default Component;
48+ ` ` `
4949
50506. ` rue` (React useEffect)
5151
52- ``` jsx
53- useEffect (() => {
54-
55- }, []);
56- ```
52+ ` ` ` jsx
53+ useEffect(() => {
54+
55+ }, []);
56+ ` ` `
5757
58587. ` rus` (React useState)
5959
60- ``` jsx
61- const [state , setState ] = useState (initialValue);
62- ```
60+ ` ` ` jsx
61+ const [state, setState] = useState(initialValue);
62+ ` ` `
6363
64648. ` ruc` (React useContext)
6565
66- ``` jsx
67- const value = useContext (myContext);
68- ```
66+ ` ` ` jsx
67+ const value = useContext(myContext);
68+ ` ` `
6969
70709. ` rur` (React useRef)
7171
72- ``` jsx
73- const refContainer = useRef (initialValue);
74- ```
72+ ` ` ` jsx
73+ const refContainer = useRef(initialValue);
74+ ` ` `
7575
7676### TypeScript
7777
78781. ` rfcet` (React functional component Typescript)
7979
80- ``` tsx
81- import React from " react" ;
80+ ` ` ` tsx
81+ import React from "react";
8282
83- interface Props {}
83+ interface Props {}
8484
85- function Component({}: Props ) {
86- return <div ></div >;
87- }
85+ function Component({}: Props) {
86+ return <div></div>;
87+ }
8888
89- export default Component ;
90- ```
89+ export default Component;
90+ ` ` `
9191
9292## NextJS
9393
0 commit comments