React

Next.jsで遊んでみた内容をメモしています。

getStaticProps

ビルド時に処理を行い、事前に静的なファイルを生成します。
ローカル起動時はアクセス毎に処理を行います。

export const ...

Next.jsのnext/linkにあるIf the child is a function componentをtypescriptでやろうと思ったら、型定義にはまったのでメモとして残します。

const MyButton = ...

はじめに

今回はReact Testing LibraryでCustom Hooksをテストしてみます。

テストテスト対象コンポーネント

今回のテスト対象のコンポーネントです。
countに1を加算、1を減算するだけの ...

はじめに

今回はReact Testing Libraryを使用してContextのテストについて記述します。

テスト対象コンポーネント

ContextコンポーネントにCountContextを定義し、countのStateを ...

はじめに

今回はReact Testing Libraryでfetchをテストしてみます。

テストテスト対象コンポーネント

今回のテスト対象のコンポーネントです。
ボタンを押すとpropsで渡されたURLにfetchし ...

はじめに

前回はコンポーネントに文字が表示されている事をテストするだけの簡単なものでした。
今回のイベント編ではボタン押下のイベントをテストしてみます。

テストテスト対象コンポーネント

今回のテスト対象のコンポーネント ...

はじめに

React Testing Libraryの超基礎編という事で、小さいコンポーネントのテストをしてみます。
テストツールはJestを使用しています。

React Testing Libraryとは

公式ドキュ ...

はじめに

Django＋Reactで作成したアプリをリリースしてみたので、その道のりをまとめてみました。
Django公式を参考しています。
今回作ったアプリの詳細は記載していませんが、所々（モジュールのインストール等） ...

はじめに

Chocolatey、VirtualBox、Vagrantがインストールされている事。

Homestead Vagrant Boxのインストール$ vagrant box add laravel/homesteadHom ...

はじめに

前回はReduxでのステート管理についてでしたが、
今回はuseReducerでのステート管理を試してみました。
比較のためにReduxのコードも載せています。（actionなどは前回記事を参照）

ソース ...