React 전체 구조

1. 컴포넌트는 JSX를 사용하여 만든다.

2. defaultProps 와 propTypes 를 지정할수 있음.

3. 상태관리 - 데이터는 위에서 아래로 한단계씩 전달해야 됨. 변경은 콜백함수 형식으로 위로 한단계씩 전달

4. high order component(고차 컴포넌트) : 리액트 컴포넌트를 인자로 받아서 다른 리액트 컴포넌트를 반환하는 함수

5. 리덕스 구성요소

- 액션(이벤트와 payload 데이터)

- 리듀서(액션을 받아서 새로운 데이터를 return)

- 스토어(상태 데이터를 가지고 있음)

- 액션 생성기(액션생성을 함수를 사용하여 객체를 return하는 방식)

- 미들웨어(스토어에 추가 기능을 제공)

 

리덕스를 사용할 때 컴포넌트는 구성 방법

- 표현 컴포넌트(함수형 컴포넌트, props를 받아서 화면에 뿌려주기만 함)

- 중간역할 컴포넌트(표현 컴포넌트와 리덕스 데이터를 연결해 줌)

 

6. 리덕스를 리액트에 적용할 때 connect는 고차 컴포넌트와 같음

7. 테스트는 jest(제스트), enzyme(엔자임)을 활용

8 리액트 라우터

9. 아이소모피즘(여러 플랫폼에서 렌더링되는 애플리케이션), 유니버설리즘(완전히 같은 코드)

 

 

참고: Learning React 도서(https://github.com/enshahar/learning-react-kor)