ITエンジニア日記 ~NO SKILL, NO LIFE~

学んだ技術や、気になることをアウトプットしていきます。プログラミング, インフラ, etc...

React

【React】Reduxによる状態管理

前回、ReactでなぜReduxを使うのか書きました。 今回は、Reduxによる状態管理について英語とかも読みながら自分なりにまとめてみました。 【目次】 1. Reduxの状態管理 1.1. Fluxの状態管理モデル Dispatcher Store Actions 1.2. Reduxの状態管理モデル Redu…

【React】なぜReduxを使うのか

Reactでよく一緒に使われるらしい「Resux」というフレームワークについて、今日勉強してきたころをまとめます。 1. Reduxとは 2. React + Redux の利点 3. まとめ 1. Reduxとは stateを管理するフレームワークのこと。 React以外にも、Angularなど他のJavaSc…

【React】チュートリアル その2

今回はチュートリアルで作成していた「三目並べ」の続き。 「タイムトラベル機能の追加 」を実装したので、その振り返りです。 ittech-nsnl.hatenablog.com ja.reactjs.org チュートリアルで作成できる三目並べは下記リンクから実際に遊べます。 https://cod…

【React】JSXの導入

Reactのチュートリアルを読み始めたので、大事だと思うところをまとめてきます。 今日は「JSX」。 ja.reactjs.org 【目次】 1. JSX(JavaScript eXtension)とは 2. JSXを使う理由 3. JSX に式を埋め込む 4. JSX で属性を指定する 5. JSX はインジェクション…

【React】チュートリアル その1

2回目のReactの勉強会に参加してきました。今回はもくもく会だったのですが、そこでReactの公式チュートリアルを進めてきました。 チュートリアルでは「三目並べ」を作っていきます。 今回は「チュートリアルの準備 」から「ゲーム勝者の判定 」まで進めた…

DockerでReactの開発環境を作成してみる

前回、Reactの開発で「CodeSandBox」というオンラインエディタを使用していました。今回はDockerでReactの開発環境を作成してみます。 1. 作業ディレクトリ 2. Dockerfileの準備 3. docker-compose.ymlの作成 version services build environment volumes co…

React の勉強会に行ってきた

Reactの勉強会に参加してきたので、勉強してきたことをまとめてみました。まだまだ理解が追い付いていないところがあるので、間違っているところまあるかもしれませんが、ご容赦ください<( *)> 1. Reactとは 2.Reactの特徴 Just The UI Virtual DOM Data Flo…