React

hygenでテンプレートからReactコンポーネントを生成する

公開日: 2021/03/24カテゴリ: Others

hygenとは、マークダウンのような frontmatter とテンプレートエンジン ejs からなるテンプレートを元に新しいファイルを生成するツールです。hygen を使って React コンポーネントを作成します。　記事を読む

公開日: 2021/03/10カテゴリ: React

useContext + useReducer は、state を使うコンポーネントの階層が深い上に、前回の state を元に新しい状態を作る場面で使うと良い　記事を読む

公開日: 2020/12/25カテゴリ: Next.js

この記事は Next.js アドベントカレンダー 2020 の最終日の記事です。本記事では、Next.js の ISR の機能を使って業務フローを変えた話を紹介します。Incremental Static Regeneration（以下、I...　記事を読む

公開日: 2020/12/02カテゴリ: React

この記事は弁護士ドットコム Advent Calendar 2020、2日目の記事です。この記事では、半年間Next.jsでサービスを運用した知見の中から、フロントエンドでのアーキテクチャについてご紹介します。　記事を読む

公開日: 2020/11/19カテゴリ: React

Redux ToolkitはReduxのエコシステムから選りすぐりの技術を集大成したライブラリだ。単にReduxのボイラープレートを減らすだけのライブラリではない。Redux Toolkitは以下の技術の組み合わせである。この記事では、Re...　記事を読む

公開日: 2020/06/25カテゴリ: React

SWRは、Next.jsを作成しているVercel製のライブラリです。SWRはuseSWRというReact Hooksを提供し、APIを通じたデータの取得をラクに記述する手助けをしてくれます。このライブラリはGitHubスター数を10,70...　記事を読む

公開日: 2020/05/24カテゴリ: Next.js

Next.jsのバージョン9.3から、ビルド時に外部ソースからデータを取得するgetStaticPropsというAPIが公開されました。ブログは静的なコンテンツです。ブログの内容はユーザーに応じて動的に変わるということはありません。そして、...　記事を読む

公開日: 2020/03/17カテゴリ: React

コンポーネントは「経年劣化に耐える ReactComponent の書き方」を参考にしています。この記事を読んだ時、自分が求めていたものはまさにこれなのだと感銘を受けました。以来、実務や個人開発ではずっとこのように書いています。コンポーネン...　記事を読む

公開日: 2019/05/23カテゴリ: React