React.js + TypeScript でTodoアプリを作ってみる
Posted: 2020.01.15 / Category: javascript / Tag: React, TypeScript
TypeScriptもReactもちょっとわかってきた！ と思って最初に作るのはやっぱりTodoアプリですよね（？）。
ということで React.js + TypeScript でTodoアプリつくってみます。
React
React.jsのスタイル設定の基礎とStyled Componentsの使い方
Posted: 2019.12.17 / Category: javascript / Tag: React
React.jsの基本的なスタイルを設定方法と、Components Styled というライブラリを使用したスタイルの設定方法を解説します。
React入門（TypeScript版）
Posted: 2019.11.26 / Category: javascript / Tag: React, TypeScript
最近のReactはTypeScriptで書かれているのをよく見るようになりましたね。ということでTypeScriptでReactの基本的なところを学んでみましょう。
Gatsby.jsにreact-helmetを導入してhead要素（メタタグ）をカスタマイズする
Posted: 2019.10.14 / Category: javascript / Tag: React
GatsbyでHTMLファイルを書き出すと、初期状態ではメタタグはおろかタイトルもないんですよね。
その辺のカスタマイズは「helmet」とというプラグイン使うと簡単らしいでご紹介します。
React製静的サイトジェネレーターGatsby使ってみた
Posted: 2019.10.11 / Category: javascript / Tag: React
GatsbyはReactで開発された、静的サイトジェネレーターです。
この記事ではGatsbyのとりあえず始め方の部分だけご紹介します。
React Hooks でリストの絞り込み検索と並び替え機能のサンプル
Posted: 2019.07.23 / Category: javascript / Tag: React
ReactとHooks機能を使ってリストの絞り込み検索（フィルター）と並び替え（ソート）機能を作成してみます。
React Hooks + Unstated Next でシンプルに状態管理するTodoサンプル
Posted: 2019.05.22 / Category: javascript / Tag: React
関数コンポーネントでStateを使える、React HooksとシンプルにグローバルStateの管理ができる軽量ライブラリのUnstated Nextを使用して、ToDoアプリを作るサンプルです。