| 1 |
d |
console.log("===============================");
console.log(value);
console.log("==============================="); |
d key is use for console.log show for debug your code |
| 2 |
caf |
const functionName =()=>{
return ;
} |
caf is use for use const arrow function syntax |
| 3 |
laf |
let functionName =()=>{
return ;
} |
laf is use for use let arrow function syntax |
| 4 |
rf |
function functionName(){
} |
rf is use for regular function |
| 5 |
im6 |
import default_module_name from "package_name" |
im6 is used for import es6 module import |
| 6 |
im5 |
var module_name = require("package_name") |
im5 is used for import es6 module import |
| 7 |
em6 |
export default moduleName; |
module export syntax |
| 8 |
em5 |
module.exports = moduleName; |
module export syntax single or default syntax |
| 9 |
me6 |
export { } |
module export syntax single or default syntax |
| 10 |
me5 |
module.exports={} |
module export syntax es5 multiple |
| 11 |
erf6 |
function name(){
//write your code here....
}
export default name; |
module export syntax es6 multiple |
| 12 |
ef5 |
function name(){
//write your code here...
}
module.exports=name; |
module export syntax es5 multiple |
| 13 |
edfr |
export default function name(){
//write your code here...
} |
export default function regular |
| 14 |
edfa |
const name=()=>{
return returntedValue;
} |
export default arrow function |
| 15 |
rfc |
import React from "react";
const App=()=>{
return (Hello world! );
}
export default App; |
react functional component write |
| 16 |
cc |
import React from "react";
class ComponentName extends React.Component {
render(){
return "Hello World";
}
}
export default ComponentName; |
React Class component |
| 17 |
cccs |
import React from "react";
class ComponentName extends React.Component {
constructor(props){
super(props)
this.state = {};
}
render(){
return "Hello World";
}
}
export default ComponentName; |
Class component with constructor and props |
| 18 |
is |
style ={{ }} |
inline style |
| 19 |
useState |
const [state, setState] = useState(value) |
useState Hooks |
| 20 |
useEffect |
React.useEffect(()=>{
//write your effect here...
},[dependecy]) |
useEffect Hooks |
| 21 |
useContext |
const value = React.useContext(MyContext) |
useContext Hooks |
| 22 |
useReducer |
const [state, dispatch] = React.useReducer(reducer, initialArg, init); |
useReducer Hooks |
| 23 |
useCallback |
const callBack = React.useCallback(()=>{},[]) |
useCallback Hooks |
| 24 |
useRef |
const ref = React.useRef(null) |
useRef Hooks |
| 25 |
useMemo |
const callBack = React.useMemo(()=>{},[]) |
useMemo Hooks |
| 26 |
denos |
import { serve } from "https://deno.land/std/http/server.ts";
serve(req => new Response("Hello World\n")); |
deno start program code template |
| 27 |
d-handle |
function handler(req: Request): Response {
return new Response("Hello, World!");
} |
handler function deno |
