Now or Never

Define Styled Components outside of the render method It is important to define your styled components outside of the render method, otherwise it will be recreated on every single render pass. Defining a styled component within the render method will thwart caching and drastically slow down rendering speed, and should be avoided. Write your styled components the recommended way: const StyledWrap..

라이브러리에 대한 고찰 및 SWR관련 이슈 해결 기록 회사에서는 SWR을 사용하고 있다. SWR을 간단하게 소개하면, 데이터 fetch 라이브러리로써 내부적으로 처리되는 로직으로인해 컴포넌트는 수시로 업데이트된 데이터의 stream을 받을 수 있다. 따라서 SWR은 알림기능, 라이브 기능 등에 최적화된 라이브러리라고 할 수 있다. `With SWR, components will get a stream of data updates constantly and automatically. And the UI will be always fast and reactive.` 이번에 발생한 이슈는 SWR API의 다양한 기본 옵션중에서 ShouldRetryOnError와 관련된 이슈였다. shouldRetryOnErr..

Goal - React Fragments란? - React Fragments를 사용하는 이유 - React Fragments 사용시 주의할 점 React Fragments : 리액트 프래그먼트는 다수의 엘리먼트를 반환하는 컴포넌트를 위한 패턴으로, DOM에 부가적인 노드의 추가 없이 children을 그룹핑 할 수 있게 해준다. A common pattern in React is for a component to return multiple elements. Fragments let you group a list of children without adding extra nodes to the DOM. 리엑트에서 컴포넌트가 반환하는 return 문 안에는 반드시 하나의 최상위 태그가 있어야 한다. 이는 ..