Santos의 개발블로그

* 이 글은 Iceberg of React Hooks 번역하였습니다. The Iceberg of React Hooks React Hooks, unlike Class Components, provide low-level building blocks for optimizing and composing applications with minimal boilerplate. medium.com Class Component와는 달리 React Hooks은 application을 최소한의 보일러플레트로 구성 및 최적화하기 위해 low-level 빌딩 블럭을 제공합니다. 깊이있는 지식없이는 미묘한 버그나 추상화로 인해 성능 문제가 발생할 수 있고 코드 복잡성이 높아집니다. 저는 공통적인 문제를 증명하고 그것들을 고치기..

Why? 지난 글 "컴포넌트 Re-rendering을 피하는 5가지 방법"에서 언급한 글에서 부족한 면들이 보여, 보완을 하기 위해 같은 주제를 가진 다른 글들을 살펴 보았습니다. 물론 공식문서를 이미 정독을 한 상황 이었고, 조금은 Advanced 한 내용들에 초점을 맞추어 검색을 해 보았지만, 입맛에 맞는 내용들을 찾지 못하였습니다. 그러던 도중 "Understanding re-rerendering and memoiztion in React"라는 제목에 글에 이끌리게 되었고, 짧은 글이었지만 핵심만을 전달하는 좋은 글이라고 생각되어 공유하게 되었습니다. 이 글은 약간의 팁과 더불어 왜 중요한지에 대한 당위성도 포함되어 있는 유익한 글이라 판단됩니다. 만약 지난 글 "컴포넌트 Re-rendering을 ..

Why? 개발자와 디자이너가 함께 협업하여 프로젝트를 완성하는 DND에서 사이드 프로젝트를 진행하고 있습니다. RN을 사용하면서 풀지 못할 숙제들을 풀어가는 일들이 굉장히 많았었는데, Global state를 관리하면서 느꼈던 여러 문제 중 한 가지를 공유하려고 합니다. useReducer와 useContext를 사용하여 Global state를 관리하였으나, context를 사용하여 가져다가 쓰는 구조 상 state 값이 업데이트될 때 re-rendering이 계속적으로 발생하는 상황을 마주하게 되었습니다. 이런 상황을 타개하기 위하여 최소한의 최적화가 필요 하였고, re-rendering에 관련된 글을 찾다 좋을 글을 발견하여 공유해 보려고 합니다. 만약 re-rendering에 발생하는 시점에 대한..