hooks

* 이 글은 Why React Hooks, and how did we even get here? 번역하였습니다. Why React Hooks, and how did we even get here? TL;DR: Hooks have learned from the trade-offs of mixins, higher order components, and render props to bring us new ways to create… medium.com TL;DR: higher order component(HOO), mixins 과 render props의 trade-off를 배우고 이를 보완하는 Hooks는 flat하게 선언하는 방식으로 구성 가능한 동작을 만드는 새로운 방법을 제공합니다. Hooks는 하나의..

* 이 글은 React useEffect: 4 Tips Every Developer Should know 번역하였습니다. useEffect: 4 Tips Every Developer Should Know Check out these 4 tips that will save your code. Use useEffect with React Hooks correctly by avoiding these common pitfalls. medium.com React hooks에 useEffect의 대하여 이야기해볼까요. 절대로 잊어버리면 안 될 4가지 팁을 공유드립니다. Use a useEffect for a SIngle purpose React Hook을 사용할 때 복수의 useEffect 함수를 사용할 수 있습니..

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