LoginSignup
0
0

More than 3 years have passed since last update.

@iwasaki-hub(ハナ)

React 入門 (#4) ～Create React App～

Last updated at Posted at 2021-03-15

１，Reactの簡単なアプリケーションを作ってみます。

完成品はこちら
2021-03-15_15h24_29.gif

２，使う技術

Hooksの導入
useStateの利用
propsの利用
CSSの利用

３，ディレクトリ構造

ターミナルもしくはコマンドプロンプトから
npx create-react-app tutorial を入力してフォルダを作成しましょう。
そうすると、以下のフォルダがされます。
srcフォルダのindex.js以外はすべて削除してください。

①componentsフォルダとstylesフォルダを準備します。
2021-03-15_15h08_15.png
②それぞれのフォルダの中に各ファイルを設置
2021-03-15_15h08_35.png

４，ソースコード

新しく作成するファイルは全部で５つです。
①index.js
code11.png
②App.js
code8.png
③global.css
code12.png
④CountButton.css
code10.png
⑤CountButton.js
code9.png

４，参考動画

0
0
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
Sign upLogin
0
0