Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>simple-front-snippetsNew to Visual Studio Code? Get it now.

simple-front-snippets

InKyoJeong

|
4 installs
| (2) | Free
Simple snippets for js, react
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Simple Front Snippets

snippet

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

  • sc
class App {
  constructor() {}
}

export default App;

React

Create simple component without import React

  • sfc
function Component() {
  return <div></div>;
}

export default Component;

  • safc
const Component = () => {
  return <div></div>;
};

export default Component;

React Typescript

Create simple component with interface


  • stfc
interface ComponentProps {}

function Component({}: ComponentProps) {
  return <div></div>;
}

export default Component;

  • stafc
interface ComponentProps {}

const Component = ({}: ComponentProps) => {
  return <div></div>;
};

export default Component;

ReactNative

Create simple typescript RN Component

  • strnc
import { StyleSheet, View } from "react-native";

interface ComponentProps {}

const Component = ({}: ComponentProps) => {
  return <View></View>;
};

const styles = StyleSheet.create({});

export default Component;
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft