JSer.info #691 - Bun v1.1.5 출시되었어요.
bun build --compile가 크로스 컴파일에 대응, Windows/Linux/macOS에 대응 한 Single Executable Binary 출력 가능해졌어요.
또한, package.json 말미 컴마를 허용하도록 변경, bun.report가 추가되었어요.
그 외로는, Import Attributes로 임의 파일을 text/json/toml/file를 import 가능하도록 하는 변경이 있어요.
React v18.3.0 출시되었어요.
React 19 Beta도 출시되었습니다만, React 19에는 일부 API 변경이 예정되어있어요.
React 18.3.0에는, React 19 변경 예정 기능에 Deprecated 경고를 보게끔하는 구현도 추가되었어요.
React 19 변경 예정예 관한 것은, 업그레이드 가이드가 공개되었어요.
Svelte v5 RC 출시되었어요.
Svelte 5에는 runes 추가, Snippets 추가, .svelte에는 TypeScript 네이티브 지원, 이벤트 핸들러 작성 방법 변경 등도 있어요.
To support JSer.info
- 😘 Recommend JSer.info to your friends!
- ❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
- 🐦 Follow @jser_info on X(Twitter)
헤드라인
Bun v1.1.6 | Bun Blog
Bun v1.1.6 출시.
UDP Sockets 지원, node:dgram 지원, dd-trace이나 @clickhouse/client 등이 동작하도록 버그 수정
Announcement of Release - Module federation
module-federation.io/blog/announcement.html
Module Federation 2.0 출시.
Bun v1.1.5 | Bun Blog
Bun v1.1.5 출시.
bun build --compile가 크로스 컴파일 대응, package.json 말미에 컴마 허용, bun.report 추가.
Import Attributes 임의 파일을 text/json/toml/file import 가능하도록
Node.js — Node v22.1.0 (Current)
nodejs.org/en/blog/release/v22.1.0
Node.js v22.1.0 출시.
V8 컴파일 캐시 보존 장소를 지정하는 NODE_COMPILE_CACHE 환경 변수를 추가, Test Runner에 --test-skip-pattern 플래그 추가
remix/CHANGELOG.md at main · remix-run/remix
github.com/remix-run/remix/blob/main/CHANGELOG.md#v290
Remix 2.9.0 출시.
future.unstable_singleFetch 플래그에 이용 가능 Single Fetch 구현.
Fetch API/undici 사용하는 installGlobals({ nativeFetch: true }) 추가
May 1, 2024 Release – React Spectrum Releases
react-spectrum.adobe.com/releases/2024-05-01.html
React Aria Components May 1, 2024 출시.
Submenu, unavailable menu items, DropZone, FileTrigger 정식 지원.
Color Component 추가, TreeView를 α 출시, RouterProvider 추가
Release 18.3.0 (April 25, 2024) · facebook/react
github.com/facebook/react/releases/tag/v18.3.0
React v18.3.0 출시.
React 19 변경 예정 기능에 Deprecated 경고 보이도록.
Svelte 5 Release Candidate
svelte.dev/blog/svelte-5-release-candidate
Svelte 5 RC 출시.
runes 추가, Snippets 추가, 이벤트 핸들러 작성 방법 변경.
읽을거리
MoonBit adds JS backend, up to 25x faster than native JS | MoonBit
www.moonbitlang.com/blog/js-support
Rust스러운 구문으로 WebAssembly 출력되는 언어/도구 킷인 MoonBit이, JavaScript으로 출력 지원.
Iterator 비용 감소하도록 변환이나 문자열을 Unicode Code Point로 정수값을 갖는 작업을 하고 있음
Design System Generations. How to discuss and describe a design… | by Nathan Curtis | Medium
medium.com/@nathanacurtis/design-system-generations-65f99960dc3d
디자인 시스템에 대한 연재.
디자인 시스템이란 무엇인가, 어떻게 실전적으로 사용하는가, 어떻게 스케일하는가에 대해
Popover API lands in Baseline | Blog | web.dev
web.dev/blog/popover-api?hl=en
Popover API에 대한 소개 글.
popover 속성과 popovertarget 속성 사용한 Popover API 사용 방법에 대해.
<dialog>요소와 popover 속성 차이
Combining CSS :has() And HTML <select> For Greater Conditional Styling — Smashing Magazine
www.smashingmagazine.com/2024/05/combining-css-has-html-select-conditional-styling/
<select>와 :has() 조합함으로, 선택한 값 스타일 변화하는 방법에 대해
웹사이트, 서비스, 문서
ARIA Authoring Practices Guide | APG | WAI | W3C
WAI-ARIA 사용한 디자인 패턴, 랜드마크 사용 방법, 명명하는 방법에 대한 소개 문서
Web 프론트엔드판 DX Criteria (v202402)/프로덕트 유저 체험과 변화에 적응하는 팀을 위한 가이드라인
Web 프론트엔드판DX Criteria
- 일본CTO협회에서, 프로덕트 유저 체험과 변화에 적응하는 팀을 위한 가이드라인 "Web 프론트엔드판DX Criteria" 4월 24일 공개 | 일반사단법인일본CTO협회 프레스 출시
소프트웨어, 도구, 라이브러리
jacob-ebey/turbo-stream: A streaming data transport format that aims to support built-in features such as Promises, Dates, RegExps, Maps, Sets and more.
github.com/jacob-ebey/turbo-stream
Promise나 Date 등을 시리얼리즈해서 Web Stream로 송수신하기 위한 encode/decode 라이브러리
도서
The Front End Developer/Engineer Handbook 2024
frontendmasters.com/guides/front-end-handbook/2024/
The Front End Developer/Engineer Handbook의 2024년판
