JSer.info #654 - Riot.js v9.0.0가 출시되었습니다.
이번에는 Riot.js와 compiler 버전을 맞추기 위해서, v8은 스킵하고
v9.0.0로 출시했습니다.
Node.js 14/16 지원종료, Babel에서의 Transpile 하지않도록 변경, boolean 속성 동작 변경이 있습니다.
Firefox 116가 출시되었습니다.
HTTP/2 업로드 성능 개선, CSP3 external hashes 지원.
Fetch getReader({mode: 'byob'})를 지원이 있습니다.
또한, Firefox 개발자 도구로 window.devtoolsFormatters 를 사용한 커스텀 포맷터가 opt-in로 지원됩니다.
같은 기능이 Chrome에도 구현되어 있습니다.
React Server Components 관련한 글 몇이 공개되었습니다.
- Understanding React Server Components – Vercel
- We migrated 50,000 lines of code to React Server Components | Mux
- Speeding up the dbt™ docs by 20x with React Server Components | Dagster Blog
그리고 Next.js와 React가 무엇을 어디서 캐시하고 있는가 관련한 글도 함께 읽으면 좋을 것 입니다.
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 v130 · esm-dev/esm.sh
github.com/esm-dev/esm.sh/releases/tag/v130
esm.sh v130 출시.
minify된 UMD를 export하는 CommonJS 패키지 지원
ESLint v8.46.0 released - ESLint - Pluggable JavaScript Linter
eslint.org/blog/2023/07/eslint-v8.46.0-released/
ESLint v8.46.0 출시.
ES2024 정규표현 v 플러그 지원, flat config 에러 메세지 개선
Release Evergreen · riot/riot
github.com/riot/riot/releases/tag/v9.0.0
Riot.js v9.0.0 출시.
버전 통일을 위해서 v8 스킵하고 v9으로.
Node.js 14/16 지원 종료, Babel에서 Transpile 하지 않도록 변경, boolean 속성 동작 변경
Release v6.0.0 · markedjs/marked
github.com/markedjs/marked/releases/tag/v6.0.0
marked v6.0.0 출시.
코드베이스를 TypeScript으로 이행.
이에 따라 @types/marked가 비권장으로.
Firefox 116.0, See All New Features, Updates and Fixes
www.mozilla.org/en-US/firefox/116.0/releasenotes/
Firefox 116 출시.
HTTP/2 업로드 성능 개선, CSP3 external hashes 지원.
Fetch의 getReader({mode: 'byob'}) 지원
Release v0.34.0 · vitest-dev/vitest
github.com/vitest-dev/vitest/releases/tag/v0.34.0
vitest v0.34.0 출시.
@vitest/coverage-c8を@vitest/coverage-v8으로 변경, server 옵션 추가에 따른 옵션 이동, deps.optimizer를 기본적으로 유효화.
describe.sequential API 추가
Bootstrap 5.3.1 | Bootstrap Blog
blog.getbootstrap.com/2023/07/26/bootstrap-5-3-1/
Bootstrap 5.3.1 출시.
다크모드의 색 대비 개선, .disabled 같은 기능으로 무효상태일 때 스타일 추가
Bun v0.7.1 | Bun Blog
Bun v0.7.1 출시.
ESM 로드 퍼포먼스 개선, bun:sqlite의 SELECT 개선, workspace에서 버전 지정 지원.
npm private 레포지토리 지원 개선, Node.js와 호환성 개선, MessagePort와 MessageChannel 지원, Fetch API가 file: 지원
읽을거리
브라우저 앞으로가기, 뒤로가기를 고속으로! 야후에 의한 BFCache 활성화 위한 노력 - Yahoo! JAPAN Tech Blog
techblog.yahoo.co.jp/entry/2023072430429932/
Chrome에서 BFcache 활성화 조건, 디버그 방법, BFCache 활성되어 있을 때 성능에 대해
Remote Synthesis | Is Jamstack Officially Finished?
remotesynthesis.com/blog/goodbye-jamstack/
Netlify가 운영하던 Jamstack Community Discord가 닫힌 것에 대하여.
Speeding up the dbt™ docs by 20x with React Server Components | Dagster Blog
dagster.io/blog/dbt-docs-on-react
낡은 AngularJS와 거대한 JSON으로 동작하는 dbt docs으로 생성된 사이트를, Next.js와 React Server Components으로 바꾼 이야기.
어떤 식으로 이식했고, 성능은 어떻게 개선되었는가에 대하여
We migrated 50,000 lines of code to React Server Components | Mux
www.mux.com/blog/what-are-react-server-components
React Server Components에 관련하여.
CSR와 SSR와 Server Component에 대하여.
컴포넌트 트리를 Server Component으로 점점 이행하는 방법에 대하여
소프트웨어, 도구, 라이브러리
KittyGiraudel/a11y-dialog: A very lightweight and flexible accessible modal dialog script.
github.com/KittyGiraudel/a11y-dialog
WAI-ARIA의 dialog 패턴 구현한 dialog UI 라이브러리
