これからReact.js勉強するかたにオススメな記事13選

これからReact.js勉強するかたにオススメな記事13選

React.js流行ってますね!僕も5月からやっとReact.jsの案件に携わることができそうです。React.jsやるならES6、Reduxあたりも押さえておくといいですよね。ということでこれからReact.jsを勉強するってかたにオススメの記事をいくつかご紹介します。作ってみる系が多いかもです。

A JavaScript library for building user interfaces | React

https://facebook.github.io/react/

https://facebook.github.io/react/

とりあえず本家です。

チュートリアル | React

https://facebook.github.io/react/docs/tutorial-ja-JP.html

https://facebook.github.io/react/docs/tutorial-ja-JP.html

次はこのチュートリアルで雰囲気掴むといいと思います。

ReduxとES6でReact.jsのチュートリアルの写経 – bokuweb.me

http://blog.bokuweb.me/entry/redux-tutorial

http://blog.bokuweb.me/entry/redux-tutorial

ES6もってかたはチュートリアルを上記見ながら書き換えるとよさそう。

今話題のReact.jsはどのようなWebアプリケーションに適しているか? Introduction To React─ Frontrend Conference | HTML5Experts.jp

https://html5experts.jp/hokaccha/13301/

https://html5experts.jp/hokaccha/13301/

一人React.js Advent Calendar 2014 – Qiita

http://qiita.com/advent-calendar/2014/reactjs

http://qiita.com/advent-calendar/2014/reactjs

一通り網羅してます。絶対読んだ方がいいと思う。

React.jsでクライアントサイドなWebアプリ入門

http://www.slideshare.net/spring_raining/reactjsweb

http://www.slideshare.net/spring_raining/reactjsweb

WAI-ARIA 対応のアクセシブルなタブ UI を React で実装する ::ハブろぐ

https://havelog.ayumusato.com/develop/a11y/e678-accessible_tabs_with_react.html

https://havelog.ayumusato.com/develop/a11y/e678-accessible_tabs_with_react.html

30分間React入門「いいねボタン」作成チュートリアル

http://c16e.com/1510161700/

http://c16e.com/1510161700/

React.js の 公式Tutorial を Redux を利用して書き直した。また Mocha + power-assert を利用したテストも追加 – Qiita

http://qiita.com/ma-tu/items/561cbf84ffeb14dad4a7

http://qiita.com/ma-tu/items/561cbf84ffeb14dad4a7

チュートリアルをReduxで書き直し。

Reduxで定期的なアクションを実行する簡単なサンプルを作ってみた | WebDesign Dackel

http://webdesign-dackel.com/2015/11/03/redux-periodic-action/

http://webdesign-dackel.com/2015/11/03/redux-periodic-action/

さらにReduxも勉強したい場合にいいです。

人気のFluxフレームワークReduxをさわってみた – マルシテイア

http://amagitakayosi.hatenablog.com/entry/2015/07/30/000000

http://amagitakayosi.hatenablog.com/entry/2015/07/30/000000

React+Reduxのテスト方針をまとめた | MMMブログ

http://blog.mmmcorp.co.jp/blog/2015/12/21/redux-test/

http://blog.mmmcorp.co.jp/blog/2015/12/21/redux-test/

React FluxアプリをReact Redux(ES2015)で書き直した時のメモ | 69log

https://blog.kazu69.net/2016/02/04/rebuilding-react-app-to-using-es2015-classes-and-redux/

https://blog.kazu69.net/2016/02/04/rebuilding-react-app-to-using-es2015-classes-and-redux/

ES6 + React.js + Redux で作るチャットシステム | ランサーズ(Lancers)エンジニアブログ

http://engineer.blog.lancers.jp/2016/02/es6-react-js-redux-%E3%81%A7%E4%BD%9C%E3%82%8B%E3%83%81%E3%83%A3%E3%83%83%E3%83%88%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0/

http://engineer.blog.lancers.jp/2016/02/es6-react-js-redux-%E3%81%A7%E4%BD%9C%E3%82%8B%E3%83%81%E3%83%A3%E3%83%83%E3%83%88%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0/

## オススメの本



WebデベロッパーのためのReact開発入門 JavaScript UIライブラリの基本と活用

イチからわかる!Reactの仕組みと使い方UIコードの再利用化と速度向上を図る!Reactのコンセプト、コンポーネント、JSX、活用テクニック、一歩進んだ使い方を解説!

イチマルニデザインブログをフォローしよう

イチマルニデザインブログではTwitterアカウントでWebに関する情報をつぶやいています。フォローすることで最新情報をすぐに受け取ることができます

同じカテゴリーの記事

ページの先頭へ