基礎からはじめるReact入門
ReactやFirebase、JavaScriptを中心に、実務で使える設計・実装の要点を短く解説します。
-
15
Next.jsのシングルページアプリケーションをデプロイして、基本をマスターする
今回は、作成したプロジェクトをデプロイしてから、Next.jsの基本的な使い方について解説していきます。
-
14
Next.jsのサーバーサイドレンダリングで、シングルページアプリケーションの課題を解消
今回は、サーバーサイドレンダリングの概要と、実際に使う場合のフレームワークの解説を行います。
-
13
Firebase Hostingでアプリを本番環境にデプロイする
今回は、create-react-appで生み出したプロジェクトを本番環境向けにビルドし、サーバーにデプロイすることを目的とします。Webアプリをホスティングしてくれる便利なサービスFirebase Hostingの使い方を紹介します。
-
12
Reduxにおける同期的／非同期的なAction Creatorをテストする
今回はAction Creatorのテストについて解説します。同期的な処理のテストだけでなく、非同期処理を伴うAction Creatorをテストする方法についても扱います。
-
11
今回は、ReducerやActionCreatorのロジックの品質を担保する上で有用なユニットテストの方法を覚えることを目的とします。
-
10
Reduxで非同期処理を行う～ES2017のasync/await構文を使って実装する方法
今回は、ECMAScript 2017のasync/await構文とReduxを併用しながら非同期処理を実現する方法について学んでいきます。
-
9
Reduxで非同期処理を行う～Middlewareを使って実装する方法
今回は、よりReduxを現場で使えるツールとして活用するために、Middlewareの仕組みを導入しながら、外部との通信を行う際に必須となる非同期処理を行う方法について解説します。
-
8
今回は、Propsの型を定義することでコンポーネントの可用性を向上させる方法を学びます。
-
7
今回は、Propsの型を定義することでコンポーネントの可用性を向上させる方法を学びます。
-
6
今回はStorybookというツールの使用方法を利用してコンポーネントのカタログを作ることで、高速に動作確認を行う方法を解説します。
-
5
React Routerで複雑な画面遷移をシンプルに実装する
今回はライブラリ「React Router」を利用して、GUIアプリケーションには欠かせない画面遷移とURLの管理を行う方法を学びます。
-
4
今回はJavaScriptでステートフルなアプリケーションを実装しながら、「リスト」と「フォーム」のWebアプリケーションに欠かせない要素を学びます。
-
3
今回は、デザイン性をアップさせてくれるサードパーティー製のコンポーネントセット、Material-UIの使用方法について紹介します。
-
2
コンポーネントを使いこなすためには避けて通れない、PropsやState、およびライフサイクルについて解説します。
-
1
本連載は、Reactアプリを開発するための基礎を身につけることを目的としたものです。Reactの概念・文法・作法などといった基礎的な事項を学んだ後、Fluxアーキテクチャを採用した本格的なアプリ開発の手法を体験する、という流れを予定しています。