Reactでカウンターアプリを作成する

作成するアプリ

● +1をクリックしたら、1がプラスされる。
● -1をクリックしたら、1がマイナスされる。
● resetをクリックしたら、0になる。

基本的にはMacユーザーを想定していますが、仮想環境を使うので、windowsでも作業できるはずです。仮想環境なので、何度でもやり直しができます。

仮想環境の構築は、こちらの記事を参照して下さい。

目次

１、仮想環境で、javascriptの開発環境を構築
２、Reactで「Hello World」
３、Reactで簡単なhtmlを表示してみよう
４、Reactでカウンターアプリのhtmlを作成しよう
５、Reactでカウンターアプリの中身を実装していこう
６、JavaScriptのクラスを勉強して、React.Componentを使ってみよう
７、React.Componentでクラスの状態を管理しよう