[TIL] 2022/03/16

Today I Learned

SRP

항상 solid한 코드를 작성하려고 리액트-리덕스 패턴 속에서도 노력했었지만 솔직히 정확하게 리액트 내에서 solid한게 뭔지도 잘 몰랐던 것 같다.
** Single Responsibility Principle 이란?

What the single-responsibility principle tells us is that each class or component should have a single purpose of existence.
Components should do only one thing and do that well.
Let’s refactor a bad but working piece of code and make it cleaner and better by using this principle.

참조 블로그

위의 블로그 글을 참조해봐도 좋을 것 같고, 사실 react에서 SRP라고 했을 때의 포인트는 state(data logic)와 view(UI) 로직의 분리이다. 스토리북을 작성하면서도 느낄 수 있던 것이 스토리북을 작성하다보면 redux 로직 때문에 에러가 발생하는데, 이마저도 사실 스토리북 팀에서 노린건지는 모르겠지만(사실 스토리북 테스팅 중에 api를 쏘는 것 자체가 말이 안되긴함) 이를 위해서라도 data, ui의 분리가 된, 즉, 하나의 컴포넌트는 하나의 역할만 맡게되는 코드를 '지향'하도록 해야겠다.