jQueryは1個の要素と複数個の要素を同じように書かせる - fsubal

2023/12/15 115 users jQuery querySelector フロントエンド

#フロントエンド #設計 #JavaScript 「1個の要素と複数個の要素を同じように書かせる」というのが実は jQuery の特徴の一つだと思っている。 document.querySelector() や querySelectorAll が出現して以降 jQuery の必要性はほとんどなくなったと言われる。 実際にこんなサイトもあるし https://youmightnotneedjquery.... 続きを読む

React プロジェクトのディレクトリ構成 - fsubal

2023/02/20 126 users ディレクトリ構成

#React #フロントエンド #設計 #React プロジェクトのディレクトリ設計をもう5〜6年同じようなディレクトリ構造でやっている 1個のプロジェクトではなく複数のプロジェクトで全部同じような感じ それであまり困ったことがない のでどんな感じにしているかをメモしていく だいたい以下の構造で作る code:plaintext /src /... 続きを読む

input[type=number] のステートを安易に number 型にしない - fsubal

2022/10/03 11 users String TypeScript input ステート 実装

#フロントエンド #TypeScript #React TL;DR input[type=number] には空文字とかも入力できるので、string 型で状態管理をしないと意図しない動きをすることがある ステートの型を縛るより input の value に渡るまでの実装を工夫する方が良い --- input[type=number] のステートを安易に number 型にするとだいたい後悔... 続きを読む

逸脱事例を含めてすべてをレールに乗せる - fsubal

2021/03/17 8 users フレームワーク ライブラリ 制約 ソフトウェア 一定

ソフトウェア #設計 のそれもかなり抽象的な話。 ライブラリやフレームワークの価値として、一定の制約を設けて典型事例をそのレールに乗せるというのがあると思う。それは書き方のルールであったり、あるいは受け取る値を型で制限することだったりする。 一方、現実のソフトウェアではたとえそういうフレームワークを使... 続きを読む

props のバケツリレーって何が悪いんだっけ - fsubal

2021/03/11 206 users Props React コンポーネント バケツリレー 大半

#React やってて、props のバケツリレーを何か嫌がる人たまにいるんだけど、自分は props のバケツリレーそのものをそんなに悪いと思ったことがない。 「バケツリレーがつらい」ように見えるコンポーネントの大半はそもそも props の設計がおかしい場合が多く、本当の問題はそっちにあると思っている。 たとえば、次のよ... 続きを読む

Flux の失敗は Store に Store という名前をつけたこと - fsubal

2021/02/28 19 users Flux redux store 黎明期 フロントエンド

#フロントエンド 強い言い方だけど、Flux Architecture の最大にして唯一の失敗は Store に Store という名前をつけたことだと思っている。 あるいは、黎明期の Flux は Store という名前で良かったんだけど、 #Redux はその名前を引き継がないほうが良かったんじゃないかと思っている。 なぜかと言うと、Store という名... 続きを読む

SWR vs React Query - fsubal

2020/10/04 12 users

#フロントエンド 動機 SPA の状態管理に必ずしも Redux いらないんじゃね問題 Redux が嬉しいのってクライアントサイドでモリモリ状態が変わる画面だけじゃん、みたいなアレ 検索結果の一覧みたいなページに Redux を使うの意味なかった 本当に必要なとこだけ使うようにしたい ほとんどのケースで欲しいのって React 向... 続きを読む