Fork me on GitHub

2022-10-19: Bun v0.2, Lerna v6, ECMAScript Decorator

Translator: U-Yeong Ju Edit on GitHub See Revisions

JSer.info #614 - Bun v0.2.0가 릴리스 됐다.

0.2.0에서는 bun --hot으로 Hot Relaoding 대응, Bun.spawn 추가, ReadableStream 지원 개선, package.jsonimports 필드 지원 등이 이뤄졌다.


monorepo 관리 도구 lerna v6.0.0이 릴리스 됐다.

기본적으로 lerna run 시 Nx를 사용하도록 변경, lerna add-caching 명령어 추가, lerna repair 명령어 추가 등이 이뤄졌다.
내부적으로 Nx를 사용하도록 되기 때문에 Nx의 기능인 리모트 캐시 등도 이용할 수 있다.


JavaScript metaprogramming with the 2022-03 decorators API에는 현재 ECMAScript Proposal Stage 3인 Decorator가 자세히 소개돼 있다.
Decorator의 역사, Decorator가 할 수 있는 것과 문법, Decorator의 유스케이스 등 꽤 폭넓게 다루고 있으니 해당 제안에 관심 있는 분은 참고한다.


헤드라인


Release v29.2.0 · facebook/jest

github.com/facebook/jest/releases/tag/v29.2.0

jest testing library ReleaseNote

Jest v29.2.0 릴리스.
Seed 값을 설정할 수 있도록, readInitialConfig API 추가 등.


Releases · puppeteer/puppeteer

github.com/puppeteer/puppeteer/releases/tag/v19.0.0

puppeteer ReleaseNote

Puppeteer v19.0.0 릴리스.
다운로드 한 브라우저를 ~/.cache/puppeteer에 보존하도록 변경, puppeteer.devices를 삭제 하는 등.


Release v6.0.0 · lerna/lerna

github.com/lerna/lerna/releases/tag/v6.0.0

monorepo JavaScript library ReleaseNote

lerna v6.0.0 릴리스.
lerna run에 Nx를 사용하도록, lerna add-caching 명령어 추가, lerna repair 명령어 추가


Astro 1.5.0 Release | Astro

astro.build/blog/astro-150/

astro ReleaseNote

Astro 1.5.0 릴리스.
Adaptor가 astro preview를 지원하며 @astrojs/node에서 mode: 'standarlone' 을 지원한다.
APIContext에 site / generator / url / clientAddress / props / redirect 필드를 추가 했다.


Node v18.11.0 (Current) | Node.js

nodejs.org/en/blog/release/v18.11.0/

node.js ReleaseNote

Node v18.11.0 릴리스.
node --watch를 이용한 파일 변경 감지와 프로세스 재부팅 지원


Release Bun v0.2.0 · oven-sh/bun

github.com/oven-sh/bun/releases/tag/bun-v0.2.0

Bun ReleaseNote

Bub v0.2.0 릴리스.
bun --hot으로 Hot Realoding 지원, Bun.spawn 추가, ReadableStream 지원 개선, package.jsonimports 필드 지원 등.


아티클


First-class Vite support in Storybook

storybook.js.org/blog/first-class-vite-support-in-storybook/

JavaScript article

Storybook 7에서 Vite를 퍼스트 클래스로 지원하기로 한 경위 소개.


JavaScript metaprogramming with the 2022-03 decorators API

2ality.com/2022/10/javascript-decorators.html

JavaScript ECMAScript proposal article

ECMAScript Proposal Stage 3 단계인 Decorator를 소개하는 글.
Decorator의 역사, Decorator가 할 수 있는 일과 구문 디자인, Decorator 유스케이스 등을 다루고 있다.


Intl Explorer

www.intl-explorer.com/

ECMAScript i18n JavaScript document

ECMAScript Internationalization API인 Intl API를 실험해볼 수 있는 사이트.
API 별 간단한 소개와 사용 방법, 실행 결과를 확인할 수 있다.


슬라이드, 영상


Vue2 Vue3 마이그레이션 레이와(연호) 최신, 최강 - Google 슬라이드(일본어)

docs.google.com/presentation/d/e/2PACX-1vS1Drke3qV5WoYkpwk06FL3Zr0VZz7s4usDrJlM4AozNmxcfOM1xHCS9sxK1idD6O7v7vAKEy7NMVLv/pub#slide=id.p

Vue slide

Vue2에서 Vue3으로의 마이그레이션을 주제로 한 슬라이드.
Composition API로의 이전, Vue3 비대응 라이브러리 문제, Vue 3의 비호환 변경 사항 정리.
또, 이전 전략과 이전 후 여전히 남아있는 문제 등에 대해 이야기한다.


릴리스로 부터 5년, 웹 프런트엔드의 풍화와 마주하다 - Speaker Deck(일본어)

speakerdeck.com/keiya01/ririsukara5nian-webhurontoendonojing-nian-lie-hua-toxiang-kihe-u

React JavaScript slide

SPA + SSR로 만들어져 있는 미디어 관련 사이트를 MPA로 리팩터링 한 이야기.
react-router v3와 Redux를 분리하고 A / B 테스트를 통해 지표를 수집하면서 이전을 진행.
또, 개발 환경이 어떻게 개선되는지도 다루고 있다.


사이트, 서비스, 문서


Patterns

web.dev/patterns/

document browser JavaScript

웹 앱에서 흔히 볼 수 있는 기능 패턴(스니펫)을 모아놓은 사이트.
클립 보드 처리, 파일 처리, 레이아웃, 애니메이션, 음성 및 동영상 재생 등과 관련된 기능 및 스니펫을 소개한다.


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


marcj/TypeRunner: High-performance TypeScript compiler

github.com/marcj/TypeRunner

TypeScript C++ Tools

C++로 작성된 TypeScript 타입 체커의 PoC


nachoaldamav/ultra: JavaScript package manager

github.com/nachoaldamav/ultra

npm pnpm Tools

pnpm와 비슷한 npm 패키지 매니저.
락 파일과 캐시 파일이 있을 때의 설치 성능을 개선하는데 목적을 두고 있다.


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