React

React

React

  • Meta에서 개발한 무료 오픈 소스 프론트엔드 자바스크립트 라이브러리
  • Single page application을 전제로 함
  • 페이지를 업데이트할 경우 DOM의 요소를 찾아서 업데이트하기 때문에 리렌더링이 잦은 경우 빠른 퍼포먼스를 냄
  • 상태 관리 및 DOM의 렌더링등만 신경쓰므로 routing 등을 위해서 추가 라이브러리 필요
  • MIT License 사용

JSX

  • Javascript Syntax EXtension의 약자로, 자바스크립트 문법의 확장
  • HTML과 같이 마크업 언어를 통해 react의 component들을 작성 가능

React Hooks

  • 개발자가 react에서 상태 관련 로직을 재사용할 수 있게 도와주는 함수 (🚫)
  • Class보다 쉽게 react를 사용하기 위해 도입되었으며, class 안에서 사용되지 않음
  • useState, useEffect 등의 강력한 기능을 하는 hook을 통해 react 개발을 더욱 쉽게 만들어줌

References

  1. https://en.wikipedia.org/wiki/React_(JavaScript_library)
  2. https://namu.wiki/w/React(%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC)
  3. https://ko.reactjs.org/docs/hooks-intro.html