반드시 공부해야 할 리액트 개념들

회사를 다니게 되서, 자세히 쓸 시간이 언제 날진 모르겠다.

은근히 방대한지라, 개념들의 리스트만 먼저 작성

 

• 리액트가 무엇인지에 대한 이해 (CRA 말고 스크립트로만 써보기)
• JSX에 대한 이해 (JSX 없이 가상돔 작성해보기)
• 바벨에 대한 이해
• 웹팩에 대한 이해
• ES6+의 주요 문법 (화살표함수, 삼항연산자, 새로운 변수형, 강화된 함수, 비동기처리, 템플릿 리터럴, 제너레이터, 비구조화 등등...)
• props, state, 컴포넌트에 대한 이해
• 여러가지 css 작성법 ( Styled Component, Sass, css - module 등 )
• 라우팅 ( 히스토리 API, react-router-dom 등 )
• 컴포넌트 생명주기에 대한 이해
• 콘텍스트 API
• ref 속성값
• 기본적인 작성법 ( Container + Presenter 등 )
• prop-types
• 조건부 렌더링
• 클래스 필드 ( 곧 정식문법 )
• 상탯값 올림 ( 하위 컴포넌트가 상위 컴포넌트를 제어하는 방법 ) 
• 고차 컴포넌트
• 상탯값, 불변객체에 대한 이해와 필요성에 대한 이해
• 메모이제이션
• 성능최적화 도구
• 리액트 훅
• 리덕스
• 서버사이드 렌더링 ( Next.js 등 )
• 테스팅 ( Enzyme, react-testing-library 등 )
• 정적 혹은 동적타입 언어에 대한 이해와 타입스크립트
• 파이버를 이용한 비동기 렌더링 

핵심 단어들은 아마 다 쓴듯