LoginSignup
2
2

More than 3 years have passed since last update.

React Redux を触った事がない人へ(概略説明)

Last updated at Posted at 2019-06-26
1 / 6

2019年3月からRubyやRailsを学習しています:baby:

今月からはReact Reduxを初めて触れてみて頭を抱えて悩んでいます:thinking:

アウトプットして定着させるために、概要をざっくりとまとめてみました:v:


Reactとは

UI を作ることに特化した JavaScript のライブラリ

お世話になっているProgateもReactを用いている:dog2:

さらにMaterialーUIというライブラリを用いるとさらにモダンな画面ができる:clap:
https://material-ui.com/


Reduxとは

Reduxは、Reactが扱うUIのstate(状態)を管理をするためのフレームワーク
state(状態)はアプリケーションの描画されるページの内容

React Reduxを使う事で...
1つのwebページによって、1つのアプリを構築できてしまう:relaxed:
通信が行われずに次のページを描画してくれるから、ページ遷移の待ち時間が短縮できてストレス改善:ok_woman:


気づき

  • JavaScriptはセミコロンなくても大丈夫

 
ASIという機能で自動的にセミコロンをつけてくれる
https://ryoutaku-jo.hatenablog.com/entry/2019/02/04/222543


  • ナウいWebページの見た目がすぐできる

スクリーンショット 2019-06-27 10.30.53.png

スクリーンショット 2019-06-27 10.31.05.png

スクリーンショット 2019-06-27 10.31.19.png

React Redux MaterialーUIを用いて作成してみました
雰囲気出ますね:ok_woman:

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2