react
31 Posts
The Two Reacts
RSC - 2개의 React: 서버에서 리액트, 클라이언트에서 리액트 (by Dan Abramov)
React Server Components 이해하기(by Josh.W.Comeau)
Josh W Comeau가 설명해주는 React Server Components
React Server Components 이해하기
React Server Components를 언제 사용할지를, 왜 사용해야되는지를 이해하기 위해 Vercel 블로그 글을 옮기며 정리해보았습니다.
React 18이 애플리케이션 성능을 향상시키는 방법
React 18 어떤 점이 애플리케이션 성능향상에 도움이 될까요? Vercel 블로그 글을 옮기며 정리해보았습니다.
React 연대기
React 역사를 살펴보며 주요 여정들을 낙서처럼 정리해놓은 글입니다.
Next generation(Next.js 13.4)
Next.js 13.4 버전 릴리즈와 함께 드디어 App Router가 Stable로 전환되었습니다. Nex.js 13.4 업데이트 기능을 살펴보았습니다.
RSC Mental Model
React Server Component가 뭔지, 어떻게 이해하면 좋을 지에 대한 Dan Abramov의 멘탈 모델 설명을 옮겨보았습니다.
The End of Front-End Development
GPT-4와 같은 AI로 놀라운 결과물을 만들어내는 것을 보았습니다. 프론트엔드 직업을 가진 사람들은 곧 존재하지 않게 될 거란 의견도 많습니다. 이제는 프론트엔드 개발자가 필요하지 않을까요? Josh.W.Comeau의 글을 옮겨보았습니다.
Next.js 13.3
점점 더 모습을 갖추어 가는 App Router.
Complex Context APIs
중첩된 다중 Context API를 사용할 경우의 문제와 해결방법을 알아보았습니다.
Next.js 13.2
Next.js App Router(/app) Major 업데이트
PlanetScale + Prisma + Next.js
PlanetScale과 Prisma를 사용해보았습니다.
Next.js 13.1
Next.js의 13.1 업데이트된 내용을 확인해보았습니다.
리액트 앱에 대한 프로파일링
성능 문제로 인해 리액트 앱을 분석하려면 어떻게 해야될까요? 어떤 점을 주의해야 될까요? Kent C.Dodds가 작성한 Profile a React App for Performance를 옮기며 확인해보았습니다.
Next.js 13
Next.js 13버전이 공개되었습니다. 새로운 Routing System을 포함하여 React 18 기능과 함께 동작하는 흥미로운 기능이 많이 추가되었습니다. 어떤 기능들이 추가되었는지 확인해보았습니다.
Nextjs Layouts RFC Update
Next.js의 새로운 Route와 Layouts에 대한 RFC 내용이 업데이트 되었습니다. 그 내용을 옮겨보았습니다.
Nextjs 12.3
Next.js 에서 새로운 기능과 함께 12.3 버전이 릴리즈 되었습니다. 어떤 내용이 포함되어 있는지 옮겨보았습니다.
Understanding useMemo and useCallback
useMemo와 useCallback이 대한 이해를 쉽게 풀어낸 Josh.W.Comeau 글을 옮기면서 정리해보았습니다.
Why React Re-Renders
왜 리액트는 리렌더링 될까요? Josh.W.Comeau 블로그에서 좋은 글이 있어 옮겨보면서 이해하고 정리해보았습니다.
Remix@1.6.5
Remix 버전이 꾸준하게 릴리즈되고 있으며 다양한 개발자 경험을 제공하고 성능 향상을 위해 업데이트 되고 있습니다. 1.6.5 버전은 loader, action 타입에 대한 편의기능이 업데이트되었습니다.
Remix 맛보기 (2)
Remix에 대해 한 번 살펴보기 위해서 공식 예제를 따라가며 Remix에 대해서 살펴보았습니다. 2개 포스트로 나눠서 작성해보았고 이 글은 두 번째 글입니다.
Remix 맛보기 (1)
Remix에 대해 한 번 살펴보기 위해서 공식 예제를 따라가며 Remix에 대해서 살펴보았습니다. 2개 포스트로 나눠서 작성해보았고 이 글은 첫 번째 글입니다.
Nextjs Layout RFC: New Routing System
Next.js에서 새로운 라우팅 시스템에 대한 RFC를 공개했습니다. 새로운 라우팅 시스템과 React 18에 맞춰서 어떻게 동작하는지에 대해 설명합니다.
React RFC: useEvent()
React 팀에서 새로운 Hook인 useEvent()에 대한 RFC를 공개했습니다. 어떤 문제점에서 출발했는지 살펴보았습니다.
Fixing race condition in React
React data fetch를 다룰 때 자주 마주치는 race condition 문제에 대해 어떤 해결방법이 있는지 확인해보았습니다.
React Hydration 문제에 대해서
React SSR에서 Hydration에 대한 여러가지 측면을 살펴보았습니다.
Traditional Approaches vs Suspense in React
React에서 Data Fetch를 다루는 전통적 방법과 Suspense를 사용하는 방법을 비교해봅니다.
Debug React "Hello world"
React 또는 Web에서 디버깅은 어떻게 해야될까요? 그에 관해 간단하게 알아보았습니다.
New features in React 18
React 18이 정식으로 릴리즈 되었습니다. 많은 기능들이 소개되었고 그 기능들을 조금 더 살펴보았습니다.
Delightful React File/Directory Structure
리액트 프로젝트 파일, 디렉토리 구조를 어떻게 구성해야 될까요? 여기서 그 중 하나의 방법을 소개합니다.
Nextjs + React Server Component
Next.js와 React Server Component가 무엇인지 경험해보기 위해 예제를 따라가면서 정리해보았습니다.