フロントエンド未経験のバックエンドマンがReact・Reduxの学習に利用したもの(1週目)

はじめに

バックエンド(RoR)からフロントエンドに転向してReact書くことになった自分が、ここ1週間で利用した学習リソースをまとめておきます。

React.jsそのもの

React Tutorial

reactjs.org

React.js公式のチュートリアル。 三目並べを実装しながら、Reactの基本的な機能を学習できる。 一通りの機能をさらえるので、やっておいて損はないと思う。ただし、このチュートリアルで書くコードはあまり直感的ではないので、 プログラミング初心者だと少し手が動かなくなる場面があるかも。( もう少し親切なチュートリアルにすればいいのに )

Redux

Redux Tutorial for Beginners

https://www.valentinog.com/blog/react-redux-tutorial-beginners/

Reduxは、Reactと併せてよく使われる、state管理に使われるライブラリ。React自体の状態管理とかなり思想が違うので、初めは戸惑うが慣れてしまえば大丈夫。このチュートリアルでは、簡単な記事投稿アプリを実際に使いながら、Reduxとは何かを学べる。また、Webpack・babeあたりの知識が浅くても、チュートリアル作者がボイラープレートを用意してくれているので、環境構築の心配をする必要はない。結構分かりやすかったので個人的にはおすすめしたい。

Getting Started With Redux

Redux: The Single Immutable State Tree from @dan_abramov on @eggheadio

英語の動画シリーズだが、実際にコードを入力しながら、Reduxとは何か、丁寧に説明してくれる。公式ドキュメントを読む前に見ておくと理解しやすくなるかも。