JSer.info #680 - jQuery 4.0.0 Beta가 출시되었어요.
IE 10이하 지원 종료, 비권장 API 삭제, jQuery prototype 객체에서 Array 메서드 삭제, focus와 blur 이벤트 순서를 덮어쓰지 않도록 변경했어요.
또한, FormData 지원, 자동으로 JSONP으로 fallback하는 동작 삭제, 코드 기반을 AMD에서 ESM으로 이행, Trusted Types 지원 등도 포함되었어요.
jQuery 5에는, IE 11 지원 삭제할 예정이에요.
Storybook 8 Beta가 출시되었어요.
기본 컴파일러를 Babel에서 SWC으로 변경, 모바일 UI 개선 변경이 있어요.
그리고, 지금까지 @storybook/jest와 @storybook/testing-library 두 개의 테스트 패키지가 있었지만, 이를 @storybook/test로 통합했어요.
그 외로는, Node.js 16 지원 종료, Yarn v1 지원 종료도 있어요.
Vite 5.1가 출시되었어요.
실험적 API로 Vite 이외 서버와 Vite 조합해서 이용하기 위한 Vite Runtime API가 추가되었어요.
그리고, .css?url 지원 개선, circular import에서 HMR 개선, 성능 개선도 있어요.
To support JSer.info
- 😘 Recommend JSer.info to your friends!
- ❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
- 🐦 Follow @jser_info on X(Twitter)
헤드라인
jQuery 4.0.0 BETA! | Official jQuery Blog
blog.jquery.com/2024/02/06/jquery-4-0-0-beta/
jQuery 4.0.0 Beta 출시.
IE 10 이하 지원 종료, 비권장 API 삭제, jQuery prototype 객체에서 Array 메서드 삭제, focus와 blur 이벤트 순서를 덮어쓰지 않도록 변경.
FormData 지원, 자동으로 JSONP으로 fallback 하는 동작 삭제, 코드기반 AMD에서 ESM으로 이행, Trusted Types 지원.
IE 11 지원은, jQuery 5에서 삭제될 예정.
Announcing Rsbuild v0.4 - Rsbuild
deploy-preview-1520--rsbuild.netlify.app/community/releases/v0-4
Rsbuild v0.4 출시.
Module Federation를 퍼스트 클래스 지원, 플러그인 Hook 순서 제어하는 order 옵션 추가, IE 문제 관련 postcss-flexbugs-fixes 삭제
Storybook 8 Beta
storybook.js.org/blog/storybook-8-beta/
Storybook 8 Beta 출시.
기본 컴파일러를 Babel에서 SWC으로 변경, 모바일 UI 개선, 테스트 패키지 @storybook/test로 통합, Node.js 16 지원 종료, Yarn v1 지원 종료
Vite 5.1 is out! | Vite
vitejs.dev/blog/announcing-vite5-1.html
Vite 5.1 출시.
실험적 API로 Vite Runtime API 추가, .css?url 지원 개선, circular import 에서 HMR 개선, 성능 개선
CheerpJ 3.0 now generally available: Run any Java Application on Modern Browsers CheerpJ 3.0 now available: run any Java on modern browsers
cheerpj.com/cheerpj-3-now-generally-available/
브라우저 상에서 Java 애플리케이션을 동작시키는 CheerpJ 3.0 출시.
지금까지는 AOT Java Compiler였지만, 3.0에서는 WebAssembly 기반 JVM 대체 구현.
Release v4.0.0 · honojs/hono
github.com/honojs/hono/releases/tag/v4.0.0
Hono v4.0.0 출시.
Static Site Generation(SSG) 지원, 클라이언트 사이드에서 동작하는 hono/jsx/dom 추가.
동시에 파일 기반 라우팅 프레임워크 honox 공개.
읽을거리
Hot Module Replacement is Easy - Bjorn Lu
bjornlu.com/blog/hot-module-replacement-is-easy
Vite의 Hot Module Replacement(HMR) 구현에 대하여.
HMR API 해설, HMR 생명주기, HMR propagation, HMR 클라이언트 구현에 대해
From many to one: Moving our JavaScript code into a monorepo | Aha! software
www.aha.io/engineering/articles/monorepo
Git 이력을 유지하면서, JavaScript monorepo 만드는 이야기.
Nx + pnpm, pnpm workspaces, Turborepo + pnpm 비교, Turborepo 선택한 이유에 대해
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm - Socket
socket.dev/blog/node-community-debates-enabling-corepack-unbundling-npm
Node.js의 corepack 기본값 유효화할 경우에, npm를 Node.js에 핸들하는가 어떤가 논의에 대하여.
슬라이드, 영상
FOSDEM 2024 - Fast JavaScript with Data-Oriented Design
fosdem.org/2024/schedule/event/fosdem-2024-2773-fast-javascript-with-data-oriented-design/
Firefox Profiler 성능 개선 이야기.
대량 데이터를 다룰 필요가 있는 애플리케이션에서, 어떤 데이터가 와도 고속으로 처리할 수 있도록 하는 방법에 대하여.
데이터가 어떤식으로 메모리에 확보하는가 메모리 레이아웃을 의식한 데이터 지향 설계 개선 방법에 대하여
소프트웨어, 도구, 라이브러리
awslabs/llrt: LLRT (Low Latency Runtime) is an experimental, lightweight JavaScript runtime designed to address the growing demand for fast and efficient Serverless applications.
AWS Lambda에서 이용가능한 QuickJS 기반 JavaScript Runtime.
크기와 기동 속도를 목적으로, Node.js 코어 모듈을 부분적으로 구현.
StellateHQ/fuse: Fuse: The fastest way to build and query great APIs with TypeScript
TypeScript 코드 기반으로 GraphQL API 작성과 클라이언트 생성 가능한 툴킷.
