Fork me on GitHub

2024-10-29: Svelte 5, MSW v2.6.0(WebSockets API), State of CSS 2024

Translator: rewrite0w0 Edit on GitHub See Revisions

JSer.info #713 - Svelte 5가 출시되었습니다.

Svelte 5에는, Runes 구문과 Reactive 구조 지원됩니다
Svelte 4 구문은 지속해서 지원하지만, 이행가이드에는 Runes으로 이행 방법이 소개되어 있습니다.


MSW v2.6.0가 출시되었습니다.

MSW v2.6.0에는, WebSockets API 목이 지원됩니다.
상세한 것은 다음 글을 참조하시길 바랍니다.


State of CSS 2024 결과가 공개되었습니다.

State of CSS 2024에는, CSS 언어 기능, 라이브러리와 프레임워크, 개발 타겟, 학습 자원 등 관련하여 앙케이트 결과가 정리되어 있습니다.


To support JSer.info


헤드라인


Svelte 5 is alive

svelte.dev/blog/svelte-5-is-alive

Svelte ReleaseNote

Svelte 5 출시.
rune 지원, 이벤트 속성 전달 방법 변경, Slot 작성 방법 변경, 컴포넌트는 Class가 아니게 되서 new 할 수 없음


Release v5.0.0 · pmndrs/zustand

github.com/pmndrs/zustand/releases/tag/v5.0.0

JavaScript React library ReleaseNote

Zustand v5 출시.
default export 삭제, deprecated 기능 삭제, ES5 지원 삭제, 무한 루프가 일어나는 케이스를 명시적으로 에러


Node.js — Node v23.1.0 (Current)

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

nodejs ReleaseNote

Node.js v23.1.0 출시.
BufferArrayBuffer의 resize에 대응, node:test의 MockTimers를 Stable로


WebStorm and Rider Are Now Free for Non-Commercial Use | The JetBrains Blog

blog.jetbrains.com/blog/2024/10/24/webstorm-and-rider-are-now-free-for-non-commercial-use/

WebStorm editor JavaScript software

비상용이라면, WebStorm와 Rider가 무료로 이용 가능.


Release pnpm 10.0 Alpha 0 · pnpm/pnpm

github.com/pnpm/pnpm/releases/tag/v10.0.0-alpha.0

pnpm ReleaseNote

pnpm v10.0.0 alpha.0 출시.
pnpm link 동작 변경, packageManager 참조하는 pnpm 버전 확인하도록, store 버전 업데이트


Release Version 8.14.0 · acornjs/acorn

github.com/acornjs/acorn/releases/tag/8.14.0

JavaScript ECMAScript library ReleaseNote

acorn 8.14.0 출시.
ES2025 import attributes/RegExp modifiers 지원


Release v3.0.0 · tinylibs/tinybench

github.com/tinylibs/tinybench/releases/tag/v3.0.0

JavaScript benchmark library ReleaseNote

tinybench v3.0.0 출시.
Node.js 16 지원 종료, *Concurrently 메서드 삭제, warmup() 메서드 삭제하고 warmup 옵션 추가


Release v2.6.0 · mswjs/msw

github.com/mswjs/msw/releases/tag/v2.6.0

JavaScript test library ReleaseNote

msw 2.6.0 출시.
WebSocket API 목 지원


WebKit Features in Safari 18.1 | WebKit

webkit.org/blog/16188/webkit-features-in-safari-18-1/

safari ReleaseNote

Safari 18.1 출시.


읽을거리


The nuances of base64 encoding strings in JavaScript  |  Articles  |  web.dev

web.dev/articles/base64-encoding

Unicode JavaScript article

이모지나 써로게이트 페어를 안전하게 다루는 Base64 엔코딩에 대하여.
btoa()/atob()는 Unicode 다룰 때 문제가 있으므로 TextEncoder로 엔코드해서 다룸.
TextEncoder은 단독 써로게이트를 갖는 문자열을 부정한 데이터로 � 으로 변경함으로, isWellFormed() 사용해 판정한다는 이야기


Our Journey with Caching | Next.js

nextjs.org/blog/our-journey-with-caching

Next.js article

"use cache" directive 사용한 Next.js 새로운 캐시 구조에 대하여


State of CSS 2024

2024.stateofcss.com/en-US/

css Survey

State of CSS 2024 앙케이트 결과가 공개.
CSS 언어 기능, 라이브러리나 프레임워크, 개발 타겟, 학습 자원에 대한 앙케이트


웹사이트, 서비스, 문서


Homepage » Jeasx - JSX with Ease

www.jeasx.dev/

JavaScript jsx server library

JSX 템플릿으로 이용해서 SSR 하는 프레임워크.
비동기처리, 디렉토리 기반 라우팅, Static Assets 다루기 대응


소프트웨어, 도구, 라이브러리


One, a React Framework

onestack.dev/

React iOS Android library

웹과 네이티브 대응한 React 프레임워크.
tamagui 팀이 개발


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