3. Thinking in React

React Docs Beta

컴포넌트를 분리할 때, 디자인에 네모 박스를 그려가면서, 네이밍을 하면서 컴포넌트를 분리해봐도 좋다. 실제로 html 태그는 결국 사각형으로 이루어진 Block이니까 좋은 것 같다.

앱에 기능을 붙이지 않고 static version을 먼저 구현하는것이 좋다. (퍼블리싱이라고 보면 될 것 같다) 왜냐하면, 정적인 버전을 만드는 것은 생각보다는 타이핑이 많이 필요하고, 기능을 추가하는 것은 타이핑 보다는 생각이 많이 필요하기 때문이다. 여기서도 SRP가 적용되는 것 같다. 퍼블리싱을 하면서 동시에 기능을 붙이려고 하면 2가지의 일을 하는 것이니 머리도 복잡하고 속도도 느려질 것 같다. 정적인 버전을 만들때는 state를 사용하면 안된다. state를 사용하는 것 자체가 상호작용하는 기능을 구현하기 위함이다. 컴포넌트를 만들 떄 top-down방식 또는 bottom-up 방식을 선택할 수 있는데 간단한 예제에서는 top-down이 쉽고, 규모가 있는 프로젝트에서는 bottom-up이 쉽다. state는 적게 잡을수록 좋다. state를 구성할 때 가장 중요한 원칙은 DRY다. state가 아닌 것

• 앱에서 변하지 않고 그대로 남아있는 것

• 부모로부터 자식에게 전달되는 것

• 기존에 존재하는 state나 props로 계산할 수 있는것