Reactに慣れるためにReact.js Koansをやってみた

Reactに慣れるためにReact.js KoansをやってみたReact.js KoansというReactの練習プログラムがあるのでやってみました。

exercisesディレクトリの中にある問題を解いていって、npm run testとやると正解かどうかのチェックをしてくれるシンプルなものです。npm run startでローカルサーバーを起動してそこで見た目の確認ができるのも良いです。開発環境は後で述べるセットアップをすればとりあえずのものが揃うので、Reactの学習に専念できます。

こんな感じで問題を解いていきます

簡易的な見た目はこのように確認します

スクリーンショット 2016 01 19 23 59 44

問題はこんな感じです

スクリーンショット 2016 01 20 00 25 30

テストで正解しているかどうかを確認します

スクリーンショット 2016 01 19 02 23 03

学習を始めるには?

学習を始めるのは簡単で、下記の手順でセットアップします。

$ git clone https://github.com/arkency/reactjs_koans.git
$ cd reactjs_koans
$ npm run setup

個人的には、05-Challenge-GroceryList-part-4.jsxが気に入りました。全体的にとても初歩的な内容だと思いますが、Reactに慣れていきたいという人には手と頭を動かすための良い材料になるのではないでしょうか?

参考

Pocket
LINEで送る

You may also like...