JSer.info #648 - React-Redux v8.1.0 출시되었습니다.
개발모드에는 useSelector가 같은 입력에 같은 결과 반환하는가 체크하는 기능이 추가되었습니다.
selector를 같은 입력 2번 호출, 다른 참조라면 경고 보이는 구조입니다.
React v18.0에 추가된 Strict mode와 닮은 동작입니다.

Release v8.1.0 · reduxjs/react-redux

Deno 대상 웹 프레임워크 Fresh 1.2가 출시되었습니다.

Fresh 1.2 – welcoming a full-time maintainer, sharing state between islands, limited npm support, and more

주 관리자는 Preact의 Marvin Hagemeister이며 풀타임으로 관리합니다.
Sigals를 hydrate할 수 있도록, npm: 식별자 대응, HEAD 핸들러 추가가 있습니다.
또한, islands/ 서브 디렉토리 지원, 플러그인이 비동기처리 대응합니다.

Modern CSS For Dynamic Component-Based Architecture | Modern CSS Solutions에서는, 모던한 CSS를 사용한 컴포넌트 베이스 아키텍처에 대해 소개하고 있습니다.

@layer사용한 Layout, :has()이나 Custom Properties 사용한 Variants 구현,
@container style() 사용한 스타일 조건분기, Container Query와 Media Query에 의한 브레이크 포인트로 디바이스 크기 구분할 수 있도록 합니다.

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 3.31.0 - 2023.06.12 · zloirock/core-js

github.com/zloirock/core-js/releases/tag/v3.31.0

JavaScript library polyfill ReleaseNote

core-js v3.31.0 출시.
Proposal Stage 변경 대응.
Array Grouping는 Stage 2로 승격, 정적 메소드 Object.groupBy 추가.
Promise.withResolvers 추가

Turborepo 1.10 – Turbo

turbo.build/blog/turbo-1-10-0

JavaScript Tools ReleaseNote

Turborepo 1.10 출시.
Plop 사용한 turbo gen 추가, .env 지원, --env-mode Stable 변경

Consistency Made Simple : PLOP

Release v8.1.0 · reduxjs/react-redux

github.com/reduxjs/react-redux/releases/tag/v8.1.0

React redux ReleaseNote

React-Redux v8.1.0 출시.
개발모드에 useSelector가 같은 입력 같은 결과 반환하는가 체크하는 구조가 추가되었다.
selector를 같은 입력 2번 호출, 다른 참조라면 경고 보이는 구조

deno.com/blog/fresh-1.2

deno library ReleaseNote React

Deno대상 Web Framework Fresh 1.2 출시.
주 관리자는 Preact의 Marvin Hagemeister으로 교대.
Sigals를 hydrate할 수 있도록, npm: 식별자 대응, HEAD 핸들러 추가.
islands/ 서브 디렉토리 지원, 플러그인이 비동기처리 대응

Release v10.0.0 · nestjs/nest

github.com/nestjs/nest/releases/tag/v10.0.0

node.js library ReleaseNote

NestJS v10.0.0 출시.
Node.js 12, 14 지원 종료, @nestjs/common에서 CacheModule 삭제

Migration guide - FAQ | NestJS - A progressive Node.js framework

Release v5.0.0 ❤️ · gvergnaud/ts-pattern

github.com/gvergnaud/ts-pattern/releases/tag/v5.0.0

TypeScript ReleaseNote library

TypeScript 대상 패턴 매칭 라이브러리 ts-pattern 5.0.0 출시.
.with 동작 변경, method chain 지원

Tuesday June 20 2023 Security Releases | Node.js

nodejs.org/en/blog/vulnerability/june-2023-security-releases

node.js ReleaseNote security

Node.js 보안 업데이트, 16.x/18.x/20.x가 각각 공개됨.

Node.js v16.20.1 (LTS)
Node.js v18.16.1 (LTS)
Node.js v20.3.1 (Current)

읽을거리

The Cloud is dead, long live the Cloud! Announcing Wasmer Edge

wasmer.io/posts/announcing-wasmer-edge

WebAssembly webservice article

Wasmer Edge 출시.
WebAssembly 애플리케이션을 Wasmtime으로 움직이는 플랫폼.
Shared nothing 아키텍처로 분산 모노리스 접근.

Modern CSS For Dynamic Component-Based Architecture | Modern CSS Solutions

moderncss.dev/modern-css-for-dynamic-component-based-architecture/

CSS article

모던 CSS 사용한 컴포넌트 기반 아키텍처에 대하여.
@layer 사용한 Layout, :has()이나 Custom Properties를 사용한 Variants.
@container style() 사용한 스타일 조건분기, Container Query와 Media Query로 브레이크 포인트해서 디바이스 크기 구분