![]()
* 이 글은 4 React Tips to Instantly Improve Your Code를 번역하였습니다. 4 React Tips to Instantly Improve Your CodeSolid knowledge of React is one of the most valuable skills for a front-end developer. Many companies are constantly searching for React…javascript.plainenglish.io1. 핸들러에서 함수 반환하기핸들러에서 함수(예: 커링 기법)를 반환하여 중복 코드를 줄이고 효율성을 높일 수 있습니다.export default function App() { const [user, setUser] = useStat..
![]()
* 이글은 What's new in React 19를 번역하였습니다. What’s new in React 19 - VercelReact 19 is near. Here's what to expect and how you can get started deploying React 19 on Vercel.vercel.comSever Components서버 컴포넌트는 React가 10년 전 처음 출시된 이후 가장 큰 변화 중 하나입니다. 이들은 React 19의 새로운 기능들의 기반 역할을 하며 다음과 같은 개선을 제공합니다:초기 페이지 로드 시간: 서버에서 컴포넌트를 렌더링하여 클라이언트로 전송되는 JavaScript의 양을 줄임으로써 초기 로드 속도를 빠르게 합니다. 또한, 페이지가 클라이언트에 전송되기 전에..
![]()
* 이 글은 You might not need an effect 를 번역하였습니다. You Might Not Need an Effect A JavaScript library for building user interfaces beta.reactjs.org TL;DR 렌더링을 하는 동안 어떤 것을 계산해야 한다면, effect를 사용하지 말아주세요. 무거운 계산들을 캐시하려면, useMemo를 사용해주세요. 모든 컴포넌트 트리의 상태 값을 초기화 시키기 위해서는 다른 key를 전달해주세요. prop 의 변경에 대한 응답으로 상태값을 초기화 시키기 위해서는, 렌더링 중에 해주세요. 컴포넌트가 유저에게 이미 노출되었다면 코드는 effect에 있어야하고, 나머지는 event 안에 있어야 합니다. 여러 컴포넌트 ..
![]()
* 이 글은 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는 하나의..
