katsuo-n.bsky.social
@katsuo-n.bsky.social
プログラミング/React.jsが大好き
postgresのdocker imageのバージョンを最新にしたら何故か立ち上がらなくなった。ver18以上ではvolumesに/var/lib/postgresql/<version>/dockerを指定しないといけなくなったみたい。
AI君はこのことを知らないみたいで教えてくれませんでした🫠
November 13, 2025 at 3:52 PM
EventTarget型のデータストアにレンダリングを委譲するパターンをReactでやってみた
メリット:
- イベントをもっと細かくしていけば再レンダリングも抑えられる
- React側ではインスタンスを引き回すだけで良いしtypescriptとの相性も抜群
デメリット
- レンダリングがマニュアル制御になる
まあデメリットがでかすぎるので使い所は難しそう
October 15, 2025 at 10:35 PM
どうもRemix3のrender functionのupdate propsが気に入らない

initial propsと紛らわしいし、this.updateするときは必要無いし、scope内の変数を更新する処理が入って可読性も悪い
propsの更新を反映するためにあるんだろうけどその度に子を再レンダリングしてたら結局Reactと同じ問題を引き起こす原因になる

まだまだ荒削りでReactを追ってしまっているから正式リリースまでには改善されていて欲しいな
update propsと子の自動再レンダリング以外はめちゃくちゃ気に入ってるので
October 15, 2025 at 3:15 PM
Remix 3でpropsが変わった(=親がupdateした)時の処理が書きにくい問題について考えた結果、原因は親が子を自動的に再レンダリングするせいでは?と思った

なので再レンダリングの代わりに親がupdateしたことを伝えるCustomEventをdispatchするようにしたらいいのではないかと思った

具体的にはこんな感じ
メリットとして全ての処理が1つのイベントの中に集約され、不要な再レンダリングが起きないようになる
October 14, 2025 at 10:14 AM
これは妄想なので実際には動かないけど、Remixでこんなふうに副作用が書けたらいいなと思った。
(いっそのことThisもEventTargetにしてしまうという安直な考え)
October 13, 2025 at 1:53 PM
ReactとRemix v3、見た目は似てるけど思想は全然違ってるねぇ

ReactはuseEffectで副作用を状態変化と簡単に結びつけるけど、Remixでは無理っぽい?
Remixのrender functionで副作用を実行する例がxには上がってるけど、レンダーと副作用を同時に実行するのは好みじゃないかも
それにsetupとrenderでロジックがバラけてしまうしね

なんだかんだ不満はありつつも一箇所にロジックを集約できるhooksは偉大だなぁと思った
October 13, 2025 at 1:44 PM
react router v7 framework modeのRSCがプレビューリリースされたのでさっそくお試し…したけどstyleプロパティにcss変数を渡すことができなくて断念した…😭
September 26, 2025 at 10:10 AM
Reposted by 鰹
React Router Framework Mode now has preview support for React Server Components

Just swap your vite plugin and you can:
- Return Server Components from loaders/actions
- Opt routes into Server Components
- Leverage Server Functions
September 24, 2025 at 3:59 PM
Reposted by 鰹
Middleware is now stable in React Router

This feature took over 2 years to get just right

Learn what problems middleware solves, how to use it, and how we landed on the final API and architecture

remix.run/blog/middlew...
Middleware in React Router
Middleware is now stable in React Router!
remix.run
September 17, 2025 at 6:24 PM
もはやreact routerが使いたくてreact使ってるまであるな
September 13, 2025 at 3:36 AM
logseq db versionを使ってみてるけどプロジェクト管理に使うにはまだ厳しいかも
project, milestone, ticketというタグがあったとして、milestoneには手動でprojectをセットする必要があるし、ticketにはproject, milestoneを両方セットしないといけない
しかもmilestoneを選択する際に全projectのmilestoneが選択肢に出てしまう

今のところはジャーナルベースでやったことを記録するくらいに留めておこう
July 19, 2025 at 5:43 AM
ここ3ヶ月くらいずっとreact router v7を触ってたけど本当に素晴らしい。
loaderとactionに非同期処理を移したことでReact側での状態管理が減りクリーンなコードが書けるようになった。

v7でフレームワークとなったことでレガシーSPAからの乗り換え先となり、React19の最新機能の対応までやりきってReactへの最高の貢献を果たしつつ、全く新しいフレームワークへの挑戦。期待しかない。
May 29, 2025 at 11:03 AM
Reposted by 鰹
Reposted by 鰹
@cloudflare-dev.bsky.social 🧡 @vite.dev

Cloudflare Vite Plugin 1.0 is out now—with official support for Vite 6, React Router v7, and the full Developer Platform.

Now you can run Vite’s dev server locally, while executing your code directly in the Workers runtime!
“Just use Vite”… with the Workers runtime
The Cloudflare Vite plugin integrates Vite, one of the most popular build tools for web development, with the Workers runtime. Today, we are announcing the 1.0 release and official support for React R...
blog.cloudflare.com
April 8, 2025 at 1:40 PM
reactrouterの場合は無理にreact19の機能は使わなくて良さそう。とりわけフォーム制御については。
まあRSCやサーバー側のserver actionに対応してないからreact19の真価を発揮できてないだけかもだけど。
March 27, 2025 at 3:09 PM
Reposted by 鰹
Biome v2 beta release is now available!

🛠️ Plugins: create custom lint rules with GritQL
🔀 Multi-file analysis
📝 Revamped, configurable import sorting
🧐 Linter domains
🙅‍♀️ New suppressions
👩‍✈️ Analyzer assist
..and more!!

biomejs.dev/blog/biome-v...
Biome v2.0 beta
A major milestone in the making
biomejs.dev
March 24, 2025 at 1:53 PM
はじめましてweb開発者やってます。ドウゾヨロシク
March 25, 2025 at 9:58 AM