あいつの日誌β

働きながら旅しています。

Redux Tutorial

React tutorial (9)

Datetime Picker も使用頻度が高い、というよりもほとんどマストなので記事をひとつ追加します。 Bootstrap 風のデザインの react-datetime を最後に紹介します。 github.com この他にも airbnb/react-dates など沢山モジュールがありますので、各自でいろい…

React tutorial (8)

react-select 前回は redux-form について触れました。 今回は react-select について触れます。 目次 開発環境を準備 React の基本的な Life Cycle に触れる redux に触れる redux-saga に触れる react router に触れる npm で公開されている components を…

React tutorial (7)

今回は redux-form について触れます。 おそらく React, Redux で管理画面作る場合はこの module を使うことになると思います。 github.com ちなみに react-redux-form という似た名前のモジュールがありますが優劣に関してはここでは言及しません。 やりた…

React tutorial (6)

前回は react での routing について触れました。 今回は HTTP 通信が成功した時などに表示する Notification (Flash Message) に触れます。 Notification も色々あるのですが豊富な機能を備えた reapop を紹介します。 github.com 目次 開発環境を準備 Reac…

React tutorial (5)

前回は React で Single Page Application をするためによく使われる redux-saga に触れました。 今回もよく使われる機能である react-router に触れます。 目次 開発環境を準備 React の基本的な Life Cycle に触れる redux に触れる redux-saga に触れる r…

React tutorial (4)

あらすじ 前回は redux による state の管理について触れました。 今回は http 通信などによる非同期処理の方法について触れます。 なお外部との通信に https://jsonplaceholder.typicode.com を利用しています。 目次 開発環境を準備 React の基本的な Life…

React tutorial (3)

あらすじ 前回は React の基本的な作法に触れました。 今回は Redux を使ってみます。 目次 開発環境を準備 React の基本的な Life Cycle に触れる redux に触れる <= 今日やること redux-saga に触れる react router に触れる npm で公開されている compone…

React tutorial(2)

あらすじ 前回は開発環境の構築方法を紹介しました。 今回はReact で使われる簡単な記述方法に触れます。 たぶん直感で理解できると思いますので細かい説明は省略します。 目次 開発環境を準備 React の基本的な Life Cycle に触れる <= 今日やること redux …

React Tutorial (1)

追記(2017-02-08) webpack.config.js がエラーが出るので訂正しました。js 界隈は変化が早いのでチュートリアルを試される方はお早めにお願いします。 あと React.js の tutorial というよりも redux の tutorial ではないかという意見を頂戴しましたがよく…