【State of CSS 2023】

State of CSS 2023

The 2023 edition of the annual survey about the latest trends in the CSS ecosystem.

State of CSS 2023の結果が公開された。 CSSの言語機能、フレームワーク、CSS in JS、ツールなどについてのアンケート結果が公開されている。 https://realtime.jser.info/2023/09/08/state-of-css-2023/

【Making Sense of React Server Components】

Making Sense of React Server Components • Josh W. Comeau

This year, the React team unveiled something they've been quietly researching for years: an official way to run React components exclusively on the...

React Server Componentsがどのように動くか、ClientとServerの境界線、利点についてなど https://realtime.jser.info/2023/09/08/making-sense-of-react-server-components/

【2023-09-07のJS: Node.js v20.6.0(.env)、Rspackのアーキテクチャデザイン、】

JSer.info

2023-09-07のJS: Node.js v20.6.0(.env)、Rspackのアーキテクチャデザイン

JSer.info #659 - Node.js v20.6.0がリリースされました

【How we reduced the size of our JavaScript bundles by 33% - Dropbox】

How we reduced the size of our JavaScript bundles by 33%

Rollupを使ってCode Splitting/Tree Shakingを行うことでbundleサイズを小さくしたという話。 一方でRollupはメモリ上に全てのコードを持つためCIのビルドが不安定になった点、細かいchunkだと圧縮効率があまりよくなかった点についてなど https://realtime.jser.info/2023/09/07/how-we-reduced-the-size-of-our-javascript-bundles-by-33-dropbox/

【measuredco/puck: The self-hosted drag and drop editor for React.】

GitHub

GitHub - puckeditor/puck: The visual editor for React

The visual editor for React. Contribute to puckeditor/puck development by creating an account on GitHub.

D&Dで編集できるビジュアルエディタのReactコンポーネントライブラリ https://realtime.jser.info/2023/09/06/measuredco-puck-the-self-hosted-drag-and-drop-editor-for-react/

【Release v4.0.0 · actions/checkout】

GitHub

Release v4.0.0 · actions/checkout

What's Changed Update default runtime to node20 by @takost in #1436 Support fetching without the --progress option by @simonbaird in #1067 Release...

actions/checkout v4.0.0リリース。 Node.js 20を利用するように、show-progressオプションを追加など https://realtime.jser.info/2023/09/06/release-v4-0-0-actions-checkout/

【Faster Vue.js Execution in Firefox - Mozilla Hacks - the Web developer blog】

Mozilla Hacks – the Web developer blog

Faster Vue.js Execution in Firefox – Mozilla Hacks - the Web developer blog

Firefox performance on Vue.js has improved significantly throughout the year. Most recently, we sped up reactivity with Proxy optimizations.

Vueなどが使うProxyの最適化を行うことで、TodoMVC-Vuewのパフォーマンスが40%改善される。 Firefox 118のリリースにこの変更が含まれる予定。 https://realtime.jser.info/2023/09/06/faster-vue-js-execution-in-firefox-mozilla-hacks-the-web-developer-blog/

【Nuxt 3 フロントエンド開発の教科書:書籍案内|技術評論社】

技術評論社

Nuxt 3 フロントエンド開発の教科書 | 技術評論社

本書は、最近需要が急増しているSSR（Server Side Rendering）によるSPA開発に適したWebアプリケーションフレームワ...

2023年9月22日発売 Nuxtについての書籍 https://realtime.jser.info/2023/09/04/nuxt-3/

【Mofi - Snappy UIs With WebAssembly and Web Workers】

Audjust - Snappy UIs With WebAssembly and Web Workers

Our web app allows users can change the length of a song or find loops present in it for infinite listening, remixing, or for their next next video...

WebAssemblyでの処理をWebWorkerの中で動かし、メインスレッドをブロックせずに処理を行うという話。 CPUのコア数を超えてWorkerを増やすと問題があるため、ワーカープールを作成しWorker数を制御している。またWorkerから進捗状況をメッセージングする方法についてなど https://realtime.jser.info/2023/09/04/mofi-snappy-uis-with-webassembly-and-web-workers/

【nitrogql 1.0 release | nitrogql blog】

nitrogql blog

Today, we are happy to announce the first stable release of nitrogql! nitrogql is a toolchain for using GraphQL from TypeScript projects. In this p...

GraphQLからクライアントコードの生成とGraphQLのクエリの型チェック行うnitrogql 1.0リリース。 https://realtime.jser.info/2023/09/03/nitrogql-1-0-release-nitrogql-blog/