発行
コロナ禍まっただ中で新しいエンジニアを迎えたピクセルグリッドで、リモートワークをメインにどのようなコミュニケーションが図られていたかを語ります。
既存のStoreを利用して新たにreadableなStoreを作り出す、derivedという機能を紹介します。また、Svelteが用意しているwritableやreadableを利用してカスタムStoreを作成する方法も見てみましょう。
すべてのコンポーネントをまたいで利用するデータを定義することができるHooksを解説します。また野放図な設計にならないよう注意点についても述べます。
発行
2回に渡って、現在のピクセルグリッドのリモートワークの状況を座談会でお届けします。やはり従来よりオフィスに来る機会は減り、自宅での仕事がメインに。自宅環境をどのように整えているかを詳しく聞きました。
Preactの代表的なHooksのAPIのうち、さまざまな参照を取得するuseRef()の使い方と注意点について解説します。
物理プロパティのborder-leftなどに相当する論理プロパティや、論理的なプロパティ値を解説します。
発行
コンポーネント自体をレンダリングする必要があるかどうか、いったん判断を挟むというコンポーネントのメモ化の実装について解説します。
Tailwind CSSをJSフレームワークと併用する場合に、運用上意識したほうがよいことを紹介します。見通しがよいコードにするために、設定を内容ごとにバランスよく切り分けていきましょう。
ECMAScriptの新たな仕様として2020年6月にリリースされた、Nullish Coalescingについて解説します。目当ての値がなければこれを使うというように、代わりの値を定義する場面に有効です。
発行
物理プロパティのmargin、paddingなどに相当する論理プロパティを解説します。物理的プロパティとの相違や、実装に当たっての注意点もまとめてあります。
Preactにおいて、コンポーネントを描画した結果、描画以外に起こることすべてを「副作用」と呼びます。この副作用を扱うuseEffect()というフックを解説します。
Svelteに用意されているStoreを解説します。まずは、Storeを利用する側からその状態を変更可能な「書込み可能なStore」と、外部から値を書き換えることが不可能な「読み取り専用のStore」を見てみましょう。