[React] 리액트 쓸때 기본적인 컴포넌트 코드 자동 완성 패키지

https://marketplace.visualstudio.com/items?itemName=xabikos.ReactSnippets

Reactjs code snippets - Visual Studio Marketplace

 

이것을 사용하면 된다.

 

코드를 복붙하거나...

파일을 복붙하거나...

 

하면 수정해야 할 부분이 많다...

 

그냥 위에 패키지를 설치한 뒤,

 

클래스 기본이나 함수 기본 또는 자주쓰는 react-dom이나 redux와 같은 것을 한꺼번에 생성할 수 있어서 좋다.

 

App.js 파일 생성후에, rcc 를 입력하면?

 

import React, { Component } from "react";

 

class App extends Component {

render() {

return <div> </div>;

}

}

 

export default App;

 

 

이 틀이 그냥 생성된다!

 

rsc를 입력하면?

 

 

import React from 'react';

 

const App = () => {

return (

<div> </div>

);

};

 

export default App;

 

이와같이 함수 컴포넌트가 생성된다. 

 

대박~