FE News 26년 5월 소식을 전해드립니다.

이 게시물은 26년 5월 FE News로 주요 프런트엔드 소식들을 전합니다.

MDN 새 프런트엔드

• React 기반 Yari에서 Web Components와 Lit 기반 새 아키텍처(fred)로 전면 교체.

로딩

• mdn-* 태그를 동적으로 감지해 해당 컴포넌트의 JS·CSS만 lazy-load.

SSR·빌드

• Declarative Shadow DOM으로 레이아웃 시프트 없이 SSR 결과 유지하고 Rspack으로 빌드해 시작 시간 2초로 단축.

기타

• React 접근성 글은 의미상 버튼이면 button 요소 사용, 입력 요소는 레이블 필요 등 11개 항목 감사 체크리스트 제공.
• RSC로 부분 페이지 캐싱하여 자주 변하는 영역의 캐시 무효화 문제 해결하고 Cursor TypeScript SDK 공개 베타로 코딩 에이전트를 CI·백엔드·제품에 임베드 가능.