페이스북이 관리에 신경을 쓰며 생태계가 매우 활발하다.
사용자 인터페이스(UI)를 만들기 위한 JavaScript 라이브러리! 효과적으로!
node를 설치하면 자동으로 npm까지 설치된다.
터미널에서 npx create -react-app 폴더명으로 설치한다
재활용 가능한 UI 구성 단위!
코드 유지보수에 편리하다 그렇기에 페이지 구성을 한 눈에 파악 가능!
부모-자식 컴포넌트 관계로 포함이 가능하다!
종류는 두가지! class형, 함수형(hooks)!
요즘 대세는 함수형이다!
왜 그럴까?
class형 컴포넌트와 비교하여 훨씬 직관적인 코드 작성이 가능하다.
리액트에서 사용하는 자바스크립트 확장 문법! 바벨을 사용해서 브라우저에서 동작하는 과정에서 일반 자바스크립트 형태로 변환됩니다.
class는 className으로 바꾸어 작성!
모든 요소를 감싸는 최상위 요소가 필요하다. ex) <> </>
Self Closing tag!
자바스크립트를 표현할 때는 { javascript }