Fork me on GitHub

2023-05-04: Qwik 1.0.0, Angular 16, Karma 비권장으로

Translator: rewrite0w0(Oh TaeJun) Edit on GitHub See Revisions

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 비권장화에 대한 글을 다음 글에 있습니다.


To support JSer.info


헤드라인


Release v1.16.0 · remix-run/remix

github.com/remix-run/remix/releases/tag/[email protected]

Remix ReleaseNote

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

JavaScript node.js library ReleaseNote

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

webservice news

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

news JavaScript testing library

Karma가 Deprecated 되어, 앞으로 추가 기능이나 버그 수정을 받지 않는 방향이 됨.
이행 대상으로 Jest, Web Test Runner, jasmine-browser-runner, Vitest 등 권장.


Qwik Reaches v1.0

www.builder.io/blog/qwik-v1

JavaScript library ReleaseNote

Qwik 1.0 출시.


Node v20.1.0 (Current) | Node.js

nodejs.org/en/blog/release/v20.1.0

node.js ReleaseNote

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 ReleaseNote

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 ReleaseNote

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/

Rust JavaScript ReleaseNote

Tauri 1.3.0 출시.
보안 개선이 주인 출시.
원격 IPC 대상을 설정 가능하도록 등


Release v0.31.0 · vitest-dev/vitest

github.com/vitest-dev/vitest/releases/tag/v0.31.0

vite testing ReleaseNote

vitest v0.31.0 출시.
vi.hoisted 추가, testrepeats 옵션 추가 등


Say Allo' to the new Inquirer (release of the rewrite) · SBoudrias/Inquirer.js · Discussion #1214

github.com/SBoudrias/Inquirer.js/discussions/1214

node.js library ReleaseNote

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

JavaScript DOM library ReleaseNote

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

JavaScript 3D library ReleaseNote WebGL

Babylon.js 6.0 출시.
Havok 물리엔진 추가, 퍼포먼스 우선 모드 추가, 유체 렌더링 지원 등.
GUI ㅇ에디터를 Stable 으로 변경. 스크린 리더 지원 , 문서 리뉴얼 등


Release v5.0.0 · markedjs/marked

github.com/markedjs/marked/releases/tag/v5.0.0

Markdown JavaScript library

marked v5.0.0 출시.
몇몇 옵션 deprecate으로, 대신 패키지화.
Node.js 14와 16 지원 종료.


읽을거리


EmberData 5.X Update

blog.emberjs.com/ember-data-5-x-update-2023-04-15/

Ember article

EmberData 5.x 에서 큰 패러다임 변경이 있을 예정이므로, EmberData 4.12의 LTS는 6.x가 출시될 때까지로.


【Chrome DevTools】Performance Insights로 프론트엔드 성능 개선

zenn.dev/chot/articles/ce7296779048a2

Chrome performance article

Chrome DevTools Performance Insights 사용 방법에 대해.
성능 타임라인, 매트릭스 보는 방법, 어떤 것이 블록이 되는가 보는 방법에 대해


React Canaries: Enabling Incremental Feature Rollout Outside Meta – React

react.dev/blog/2023/05/03/react-canaries

React article

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 article

WebWorker 유스케이스에 대해


Pull Request to this article
JSer.info Slackに参加する