43
48

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Reactに慣れるためにReact.js Koansってのをやってみました(React初心者向け)

Last updated at Posted at 2016-01-19

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

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

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

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

スクリーンショット 2016-01-19 23.59.44.png

問題はこんな感じです

スクリーンショット 2016-01-20 00.25.30.png

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

スクリーンショット_2016-01-19_02_23_03.png

学習を始めるには?

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

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

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

参考

43
48
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
43
48

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?