유용한 링크 모음

Frontend

• 토스ㅣSLASH 22 - Effective Component 지속 가능한 성장과 컴포넌트
  • Headless 기반의 추상화하기
  • 한 가지 역할만 하기
  • 도메인 분리하기
• 변경에 유연한 컴포넌트
• Headless UI Library란?
• 좋은 코드란 무엇일까?
• 지역성의 원칙을 고려한 패키지 구조: 기능별로 나누기
  • 특정 목적 달성은 높은 응집력을 갖는 특정 폴더 내에서, 관련 맥락을 머리 속 캐시에 적재한 상태로 이루어진다
• AHA Programming 💡
• React Hooks: Compound Components
• Ref를 활용한 React Hooks 개선
• 핀다에서 쓰는 React Custom Hooks
  • 공통적으로 사용하는 값을 다루는 로직은 custom hook으로 만들기에 적합하지 않습니다
  • 공통의 값을 사용하는 훅은 값의 변화가 일어났을때 변화가 어는 hook 에서 일어난건지 찾기 어렵다.
• 단단한 컴포넌트 부수기
  • 제어의 역전을 통한 컴포넌트의 상태를 숨길 수 있다.
  • 그 중 Provider 를 통한 숨김이 인상 깊다.
• Ref를 활용한 React Hooks 개선
  • ref 를 사용해 custom hook 의 callback 을 최적화할 수 있다.
  • useEffect 내부에서 참조하는 함수를 같게하기 위한 방법중에 하나로 변경되지 않는 함수 안에서 ref 를 사용하는 것이 있다.
• React Testing Library를 이용한 선언적이고 확장 가능한 테스트
• Select 컴포넌트
• Scoped Context
• 개발자를 위한 친절한 UI 컴포넌트 라이브러리 만들기 - 2021 Korean version -
  • https://engineering.linecorp.com/ko/blog/ui-component-library-for-developers-with-typescript-storybook
• 합성 컴포넌트로 재사용성 극대화하기

Test

• 뱅크샐러드 iOS팀이 숨쉬듯이 테스트코드 짜는 방식
  • 다시 읽어보기

PO