JSer.info #642 - 웹프레임워크 Qwik 1.0가 공개 되었습니다.
Qwik는 React, Vue, Angular, Svelte, SolidJS 같은 UI 라이브러리며, Next.js, Nuxt, SvelteKit, SolidStart, Astro 같이 사용할 수 있는 Qwik City가 있습니다.
특징으로 서버 사이드 렌더링과 클라이언트 사이드 렌더링 연계를 Hydration을 통한 재구축이 아니라, 이벤트 발생한 타이밍에 필요한 것을 로딩하는 Lazy loading 전략으로 실현합니다.
이는 Qwik에서는 Resumable라 호칭합니다.
Angular v16 출시되었습니다.
새롭게 Reactive 구조로 Angular Signals 이용할 수 있습니다.
또한 완전한 통합은 아니지만, 앞으로 RxJS와 연계와 Zone.js 사용하지 않아도록 되는 계획도 포함되어 있습니다.
상세한 것은 RFC에서 논의 되었습니다.
SSR와 Hydration 퍼포먼스 개선, standalone API으로 이행 도구 추가, esbuild 기반 빌드 이용가능합니다.
또한, 테스트 프레임워크 Karma를 Deprecated 했으며, Jest 와 Web Test Runner 지원을 추가했습니다.
Karma 비권장화에 대한 글을 다음 글에 있습니다.
- Moving Angular CLI to Jest and Web Test Runner | by Doug Parker | Apr, 2023 | Angular Blog
- docs: Add deprecation notice to Karma README · karma-runner/karma@450fdfd
To support JSer.info
- 😘 Recommend JSer.info to your friends!
- ❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
- 🐦 Follow @jser_info on X(Twitter)
헤드라인
Release v1.16.0 · remix-run/remix
github.com/remix-run/remix/releases/tag/[email protected]
Remix 1.16.0 출시.
CSS Modules/Vanilla Extract/PostCSS 지원 Stable화. tailwind 지원 Stable화.
Opt-in으로 새로운 remix dev
이용 가능하도록 등.
Release v5.0.0 · redwoodjs/redwood
github.com/redwoodjs/redwood/releases/tag/v5.0.0
Redwood v5.0.0 출시.
React 18, Chakra UI v2 으로 업그레이드, Serverless-AWS deploy 지원 종료.
기본 타켓을 Node.js 18으로 변경 등
Introducing storage on Vercel – Vercel
vercel.com/blog/vercel-storage
Vercel가 Upstash 기반 KV Storage, Neon 기반 Postgres, Cloudflare R2 기반 Blob 스토리지 지원
docs: Add deprecation notice to Karma README · karma-runner/karma@450fdfd
github.com/karma-runner/karma/commit/450fdfdac5b999967daec1020f1ac69cf9b854ab
Karma가 Deprecated 되어, 앞으로 추가 기능이나 버그 수정을 받지 않는 방향이 됨.
이행 대상으로 Jest, Web Test Runner, jasmine-browser-runner, Vitest 등 권장.
Qwik Reaches v1.0
Qwik 1.0 출시.
Node v20.1.0 (Current) | Node.js
nodejs.org/en/blog/release/v20.1.0
Node.js v20.1.0 출시.
CallTrakcer
Deperecated으로, readdir
/opendir
메서드에 recursive
옵션 추가, cp
메서드에 mode
플러그 추가.
http.createServer
메서드에 highWaterMark
옵션 추가 등
Angular v16 is here!. Six months ago, we reached a… | by Minko Gechev | May, 2023 | Angular Blog
blog.angular.io/angular-v16-is-here-4d7a28ec680d
Angular 16 출시.
새롭게 Reactive 구조로 Angular Signals 이용 가능.
SSR와 Hydration 퍼포먼스 개선, standalone API 으로 이행 도구 추가, esbuild 기반 빌드 이용 가능하도록.
Karma Deprecated하면서, Jest나 Web Test Runner 지원 추가 등
Chrome 114 beta - Chrome Developers
developer.chrome.com/en/blog/chrome-114-beta/
Chrome 114 Beta 출시.
CSS のtext-wrap: balance
추가, overflow: overlay
추가.
BFCache가 동작하지 않는 이유를 PerformanceNavigationTiming API 에서 얻을 수 있도록, Cookie Partitioned
속성 대응.
scrollend
이벤트, Popover API 지원 등.
Origin Trial으로 Background Blur API 추가 등
Announcing Tauri 1.3.0 | Tauri Apps
tauri.app/blog/2023/05/03/tauri-1-3/
Tauri 1.3.0 출시.
보안 개선이 주인 출시.
원격 IPC 대상을 설정 가능하도록 등
Release v0.31.0 · vitest-dev/vitest
github.com/vitest-dev/vitest/releases/tag/v0.31.0
vitest v0.31.0 출시.
vi.hoisted
추가, test
에 repeats
옵션 추가 등
Say Allo' to the new Inquirer (release of the rewrite) · SBoudrias/Inquirer.js · Discussion #1214
github.com/SBoudrias/Inquirer.js/discussions/1214
Node.js 터미널 프론트엔드 inquirer가 @inquirer/prompts
으로 새롭게 공개.
모든 기능을 포함하는 @inquirer/prompts
와 기능마다 별도의 패키지 각각 공개.
jsdom/Changelog.md at e5b8e8afdebee816862584cb7d45bdc6f86d54af · jsdom/jsdom
github.com/jsdom/jsdom/blob/HEAD/Changelog.md#%E2%80%8B2200
jsdom 22.0.0 출시.
Node.js 14 지원 종료, browserified
필드 사용한 browser 대상 bundle 지원 종료 등
Announcing Babylon.js 6.0. Our mission is to build one of the most… | by Babylon.js | Apr, 2023 | Medium
babylonjs.medium.com/announcing-babylon-js-6-0-dcb5f1662e3a
Babylon.js 6.0 출시.
Havok 물리엔진 추가, 퍼포먼스 우선 모드 추가, 유체 렌더링 지원 등.
GUI ㅇ에디터를 Stable 으로 변경. 스크린 리더 지원 , 문서 리뉴얼 등
Release v5.0.0 · markedjs/marked
github.com/markedjs/marked/releases/tag/v5.0.0
marked v5.0.0 출시.
몇몇 옵션 deprecate으로, 대신 패키지화.
Node.js 14와 16 지원 종료.
읽을거리
EmberData 5.X Update
blog.emberjs.com/ember-data-5-x-update-2023-04-15/
EmberData 5.x 에서 큰 패러다임 변경이 있을 예정이므로, EmberData 4.12의 LTS는 6.x가 출시될 때까지로.
【Chrome DevTools】Performance Insights로 프론트엔드 성능 개선
zenn.dev/chot/articles/ce7296779048a2
Chrome DevTools Performance Insights 사용 방법에 대해.
성능 타임라인, 매트릭스 보는 방법, 어떤 것이 블록이 되는가 보는 방법에 대해
React Canaries: Enabling Incremental Feature Rollout Outside Meta – React
react.dev/blog/2023/05/03/react-canaries
React에 Canary 출시 추가.
npm install react@canary
으로 실험적 기능을 포함해서 설치 가능.
Exploring The Potential Of Web Workers For Multithreading On The Web — Smashing Magazine
www.smashingmagazine.com/2023/04/potential-web-workers-multithreading-web/
WebWorker 유스케이스에 대해