요약
주요소식
26년 11월 소식에서는 다음과 같은 유용한 정보들을 만나보실 수 있습니다.
Tailwind Labs is joining Shopify
Tailwind CSS를 만든 Adam Wathan이 Tailwind Labs의 Shopify 합류를 발표했다. Tailwind CSS를 비롯한 오픈소스 프로젝트는 계속 MIT 라이선스로 남고 Tailwind 팀이 Shopify의 지원을 받아 유지보수를 이어 가므로, 이미 쓰고 있는 팀이 당장 바꿀 것은 없다. 대신 유료 컴포넌트·템플릿 모음 Tailwind Plus와 에이전트 스킬 모음 ui.sh는 신규 가입을 받지 않으며, Wathan은 사용자와 같은 문제를 겪는 실제 커머스 제품 안에서 프레임워크를 개발하고 싶었다고 배경을 설명한다.
Introducing tsrs: a Port of TypeScript to Rust
Cloudflare와 VoidZero가 TypeScript 컴파일러를 Rust로 옮기는 tsrs를 Oxc 툴체인 안에서 개발한다고 발표했다. Go로 다시 작성한 TypeScript 7보다 WebAssembly 환경에 잘 맞고 메모리를 적게 쓰는 것이 목표로, 팀의 초기 벤치마크에서는 TypeScript 7.0보다 최대 8배 빠르고 메모리를 약 70% 덜 썼다. 비슷한 시기에 나온 ts-rust, Bun의 bun check, Vercel Labs의 tsc-ts도 함께 소개하며, 모두 실험 단계이므로 CI 타입 검사가 병목인 팀이라면 기존 tsc와 진단 결과를 비교하며 시험해 볼 만하다.
Making React Context Cheap with React Compiler
Context 값이 바뀌면 그 Context를 읽는 모든 컴포넌트가 다시 렌더링되는 비용을 React Compiler로 줄이는 방법을 다룬 글이다. 라디오 버튼 5,000개 예제에서 컴포넌트를 나누지 않고 Context를 그대로 읽게 둔 채 메모이제이션을 React Compiler에 맡기면, 클릭 처리 시간이 useSyncExternalStore 스토어나 React.memo로 나눈 방식과 비슷한 수준이 된다. 저자는 렌더링 횟수보다 렌더링 한 번의 작업량이 사용자 체감을 좌우한다며, 렌더링을 없애기보다 싸게 만드는 데 집중하라고 권한다.
실험 단계였던 <ViewTransition>과 Fragment Refs가 안정화되었다. <ViewTransition>은 Transition으로 표시된 업데이트에서 요소의 등장, 퇴장, 갱신에 View Transition API 애니메이션을 적용하고, Fragment Refs로는 래퍼 요소 없이 형제 DOM 노드 묶음에 이벤트 리스너나 Observer를 연결할 수 있다. 컴포넌트를 서버 렌더링에서 제외하는 browser() API와 Trusted Types 지원도 추가되었으며, Strict Mode가 하이드레이션 중에도 Effect를 두 번 실행하므로 업그레이드 후에는 정리 함수가 없는 Effect부터 점검해 둬야 한다.
Remix 3이 Remix Jam 2026에 맞춰 첫 안정 버전으로 출시되었다. remix 패키지 하나에 라우터, 데이터베이스 관리, 스키마 검증, 에셋 서버, React가 아닌 자체 UI 런타임을 담은 풀스택 프레임워크이며, 기존 Remix 2 앱은 Remix 3이 아니라 React Router로 옮기게 된다. 10월 23일 나온 3.1은 코드 변경 없이 서버 렌더링을 약 두 배 빠르게 했고, 팀은 정식 출시 이후 SemVer를 지키겠다고 밝혔다.
◎ FE News란?
네이버 FE 엔지니어들이 엄선한 양질의 FE 및 주요한 기술 소식들을 큐레이션해 공유하는 것을 목표로 하며, 이를 통해 국내 개발자들에게 지식 공유에 대한 가치 인식과 성장에 도움을 주고자 하는 기술소식 공유 프로젝트 입니다.
매월 첫째 주 수요일, 월 1회 발행 되고 있으니 많은 관심 부탁드립니다.