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

주요소식 Going under the hood of MDN’s new front-end MDN이 React 기반 Yari 아키텍처를 Web Components와 Lit 기반의 새 아키텍처(fred)로 전면 교체한 과정을 기술적으로 풀어낸 글이다. 페이지에 등장하는 <mdn-*> 태그를 동적으로 감지해 해당 컴포넌트의 JS·CSS만 lazy-load하며, Declarative Shadow DOM으로 레이아웃 시프트 없이 SSR 결과를 그대로 받는다. 빌드 도구는 Rspack으로 옮겨 시작 시간이 2초로 줄었다. 문서 중심 사이트에서 웹 표준만으로 어디까지 갈 수 있는지를 보여주는 사례다. Accessibility in React: Common Mistakes and How to Fix Them Re