Reactでカウンターアプリを作成しよう

8

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

作成するアプリ ● +1をクリックしたら、1がプラスされる。 ● -1をクリックしたら、1がマイ…

仮想環境でJavaScriptの開発環境を構築

仮想環境で環境を構築しましょう MacOSの中です Macでターミナルを開いて下さい。 ターミナ…

Reactで「Hello World」をしよう

JSXとBabelについて ブラウザのデベロッパーツールで、何らかの文字を表示させたいと思います…

Reactで簡単なHTMLを表示してみよう

HTMLを表示してみよう ReactDOMに渡すタグは、一つしか渡せません。そのため、<div>タグでく…

Reactでカウンターアプリのhtmlを作成しよう

まずはHTMLを作成します。(src/app.js) let count=0;let template = ( <div> <h1>Count: …

Reactでカウンターアプリの中身を実装していこう

countの値を増減させましょう src/app.js let count=0;const addOne = () =>; { count ++; c…

JavaScriptのクラスを勉強して、React.Componentを使ってみ…

クラスの基本を勉強しよう 前回までの実装で気になったところは、値を変更するたびにrenderCo…

React.Componentでクラスの状態を管理しよう

前回、作成したクラスをもとにカウンターの中身を実装していきましょう。 カウントの中身を実…