전치

React 코딩을 할 때 편리하다고 느끼는 기능, 툴을 정리했습니다.
코딩 속도를 폭속으로 튀기고 싶은 방향입니다. (말하고 싶은 것만)

사양 도구

Visula Stadio Code

Simple React Snippets (확장)

①VS Code 단축키

React 파일을 열면 ...

command + K 를 누른 후 M

이것은 매우 편리합니다. React의 파일은, 디폴트라고 JavaScript의 파일이라고 인식되어 버리기 때문에, React로 사용하고 싶은 Snippets나 Emmet를 사용할 수 없거나 합니다.

②Simple React Snippets(확장 기능)

스니펫
Renders


imr
Import React

cc
Class Component

ccc
Class Component with Constructor


클래스 컴포넌트는 치면 너무 길기 때문에 100억초 정도 절약할 수 있습니다.
탭 스톱도 좋은 느낌으로 설정되어 있으므로 잘 사용하십시오.

③VS Code의 Emmet

JSX를 작성할 때.container → <div className="container"></div>
className은 너무 깁니다 ...
HTML 코딩에도 사용할 수 있습니다.

요약

새로운 컴포넌트를 만들었을 때라든지, 꼭 사용해 보세요!
추천의 확장 기능, 코딩 방법 있으면 코멘트 받을 수 있으면 매우 기뻐합니다.