Hirooooo’s Labo

開発メモ、ガジェット、日記、趣味など、思った事を思ったまんま書くブログ

redux

React × Redux 初心者入門(5日目:webpackでCSSを読み込ませて反映する)

前回はMaterial-uiの実装を行い、デザインの変更を行いました。 今回もデザイン関連の設定になりますが、cssファイルを作成して、webpackで読み込んで反映させる方法を書きたいと思います。 複数のcssファイルが作成されたときのことを考慮して、bundle時に1…

React × Redux 初心者入門(3日目:ESLintにAirbnbのJavaScriptスタイルガイドを導入する)

今回も前回に引き続き開発環境のための設定説明です。 ESLintを使用してJavascriptのコードスタイルガイドを導入している人は多いと思います。 その中でも、Airbnbのスタイルガイドが人気なので、できるだけ準拠するよう実装してみたいと思います。

React × Redux 初心者入門(4日目:Material-UI(v1)を実装する) ver.2018

前回までで簡単なカウンターアプリがReact Reduxで出来上がっている状態なので、次はデザイン周りの実装をしていきたいと思います。 今回実装するのはMaterial-UIを追加してみたいと思います。 こちらは昔書いた記事のリライト版になりますので、記事の文言…

React × Redux 初心者入門(2日目:webpackでHotModuleReplacementとソースマップ出力)

前回は環境構築から簡単なカウンターアプリをReact Reduxで作成してみました。 今回は更に開発効率が上がるように開発時はHotReloadの機能と、ソースマップの出力機能を実装していきたいと思います。

React × Redux 初心者入門(1日目:webpackで環境構築編) ver.2018

1年半前に同じ記事を書いたのですが、バージョンアップによる変更が多く、古い記事ではまともに動かすこともできない記事となってしまったため、React × Reduxの連載記事を1日目から再投稿していこうと思います。 記事の文言等々は過去の記事をリライトして…

React × Redux 初心者入門(3日目:react-router-reduxでルーティングを実装する)

今回はページングの処理を実装していきたいと思います。 前回の状態からサンプルページをいくつか追加し、routerによるページングができるところまでが今回のゴールです。 前回の記事 www.hirooooo-lab.com

React × Redux 初心者入門(2日目:Material-UIを実装する)

---2018/01/19追記--- こちらの記事の情報は古くなっております。 現時点(2018年1月)で書き直しましたので、下記記事をご参照ください。 www.hirooooo-lab.com ---追記ここまで--- 前回は環境構築から簡単なカウンターアプリをReact Reduxで作成してみました…

React × Redux 初心者入門(1日目:環境構築編)

---2018/01/19追記--- こちらの記事の情報は古くなっております。 現時点(2018年1月)で書き直しましたので、下記記事をご参照ください。 www.hirooooo-lab.com ---追記ここまで--- 今度仕事でReact使う事になったので、勉強のためReact-Reduxを使ってWebアプ…