Should You Use Redux?

Don't use Redux just because someone said you should

Getting Started with Redux | Redux

Prop drilling

Untitled

  1. 6번 컴포넌트에서 상태를 관리하고 있는데, 만약 7번 컴포넌트에서도 그 상태를 쓰고 싶다면?

    ⇒ 한 단계 상위 컴포넌트인 4번 컴포넌트에서 상태를 관리하고, 6번과 7번 컴포넌트에는 props로 내려줍니다.

  2. 위의 현상을 해결하고 4번 컴포넌트에서 상태를 관리하려는데, 만약 5번 컴포넌트에서도 그 상태를 써야 한다면?

    ⇒ 4번과 5번의 바로 상위 컴포넌트인 2번 컴포넌트에서 해당 상태를 관리합니다. 4번과 5번 컴포넌트에는 props로 그 상태를 내려줍니다.

  3. 또 위의 현상을 해결했는데 이제는 2번 컴포넌트에서 관리하는 상태를 3번 컴포넌트에서도 쓰고 싶다면?

    ⇒ 2번과 3번 컴포넌트의 공통 상위 컴포넌트인 1번 컴포넌트에서 해당 상태를 관리하고, 2번과 3번 컴포넌트에는 해당 상태를 props로 내려줍니다.

  1. 첫번째 이미지로 돌아가서 다시 생각해봅시다. 2번과 4번 컴포넌트는 상태를 사용하나요?

    [참고] 빨간색으로 체크한 컴포넌트는 상태를 쓰는 컴포넌트입니다.

    Untitled

    ⇒ 1번 컴포넌트의 상태를 props로 내려주면서,

얼마나 이해했는지 체크하기