Render Props 패턴을 활용해 로직 분리하기
render props 패턴을 활용해 환경별 비즈니스 로직과 렌더링 로직을 분리해 코드의 가독성을 높인 경험에 대해 작성한 포스트입니다.
- render-props
- context
서버 컴포넌트의 클라이언트 로직 분리하기
React.cloneElement API를 활용해 클라이언트 로직을 서버 컴포넌트로부터 분리한 방법에 대해 다룬 포스트입니다.
- rsc
- cloneElement
- asChild
- callbackRef
블로그 Pages Router → App Router 전환기 2편 [NextJS]
NextJS v12의 Page Router 방식으로 개발된 개인블로그를 NextJS v13(14)의 AppRouter로 전환하면서 있었던 과정에 대해 정리한 포스트입니다.
- nextjs
- rsc
블로그 Pages Router → App Router 전환기 1편 [NextJS]
NextJS v12의 Page Router 방식으로 개발된 개인블로그를 NextJS v13(14)의 AppRouter로 전환하면서 있었던 과정에 대해 정리한 포스트입니다.
- nextjs
- rsc
데이터 구조에 유연하도록 Form 컴포넌트 개선하기
데이터와 타입에 강하게 결합되어 있던 Form 컴포넌트를 변화에 유연하도록 개선한 내용을 다룬 포스트입니다.
- context
- react-hook-form
👻 Jotai 동작원리 파헤치기(2)
상태관리 라이브러리 Jotai의 내부 동작원리를 분석한 포스트입니다. 이 포스트에서는 Store와 관련된 동작에 대해서 다룹니다.
- jotai
- 상태관리
👻 Jotai 동작원리 파헤치기(1)
상태관리 라이브러리 Jotai의 내부 동작원리와 소스코드를 분석한 포스트입니다. 해당 포스트에서는 기본이 되는 atom과 Provider에 대해서 다룹니다
- jotai
- 상태관리
NextJS 프로젝트에서 QueryString 검증하기
ServerSide와 ClientSide에서 QueryString을 검증하는 여러 패턴과 방법에 대해 다룬 포스트입니다.
- nextjs
- hoc
- custom hooks