TOPIC
#React
7件の記事があります。
vanilla-extractでGoogle Fontsを使う
App Routerアップデート当時はほぼCSS Modules一択だったため ブログ・本業ではCSS Modulesを使用していたが、以下の辛みがあった。 熟練者ほどネストを推奨しない記事が多く、独自クラス増えがち 規約で縛れていないため、初心者はネストしたク…
記事を読む →ブログのNext14対応+App Router対応
社用プロジェクトでは自分主導ですでにプロダクトのApp Router化をすませていたため、 ぱっとできるだろうという感覚がありブログのApp Router化を進めたところ数時間で終了した。 巷に転がっている「とりあえず"use client"をつけまくる」方式は…
記事を読む →Reactで迷ったこと①: function or アロー関数
基本的には参考文献を引用し、Reactを触り始めた人でも参考にできるよう解説を簡略化する目的でまとめている。 前提 React・NodeJSチュートリアル程度は終わっている TypeScriptの型についてチュートリアルレベルの理解はある 関数コンポーネントは…
記事を読む →カスタムフックの作り方を1から考える
カスタムフックの作り方を１から考える カスタムフックとは? React Hooksを利用した共通関数 状態を閉じ込めて、更新後の状態だけ受け取れる APIによる初期値fetchを閉じ込めて、取得後の状態だけ受け取れる Reactの一部なので、状態だけでなくcom…
記事を読む →Reactの子コンポーネント内でTwitterCardを設定する
TwitterCardを始め外部のサイトに情報を伝えるため タグを利用したい場合があります。 React(Next)内では親となるコンポーネントの タグ内で タグ設定を行うことが多いですが、 グローバルな位置にない子コンポーネントから タグ内に設定をしたい場合が…
記事を読む →GatsbyにおけるGraphQLの役割について
Gatsby における GraphQL の挙動について、公式チュートリアル・参考サイトで得られる情報は 順番に学習することを想定しているため、ピンポイントでの理解が難しくなっている。 差別化のため、この記事では 何をしたいときにどこを触るか という逆引き形式で…
記事を読む →自分がReactを選ぶべきだと思うただ1つの理由
今後何を勉強するかを分析して、対応幅が広くなりそうな React をやろうと思った。 Vue と同じくフレームワークだったり Cli ツールだったり色々あるので、 React 内の各ツールと Vue を比較しながら React をやる方向に考えを持っていくために…
記事を読む →