Simple Front Snippets
Simple Front-end snippets for JS, React
Install
- Visit VSCode MarketPlace and Install
- or Click Extensions(
Shift+Command+X ) and Search simple-front-snippets
Usage
Utils
cl |
console.log() |
nf |
function $1 ($2) {$3} |
af |
const $1 = ($2) => {$3}; |
faf |
const $fileName = ($2) => {$3} |
ES6 Class
class App {
constructor() {}
}
export default App;
React
Create simple component without import React
function Component() {
return <div></div>;
}
export default Component;
const Component = () => {
return <div></div>;
};
export default Component;
React Typescript
Create simple component with interface
interface ComponentProps {}
function Component({}: ComponentProps) {
return <div></div>;
}
export default Component;
interface ComponentProps {}
const Component = ({}: ComponentProps) => {
return <div></div>;
};
export default Component;
ReactNative
Create simple typescript RN Component
import { StyleSheet, View } from "react-native";
interface ComponentProps {}
const Component = ({}: ComponentProps) => {
return <View></View>;
};
const styles = StyleSheet.create({});
export default Component;
| |