1
0

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 3 years have passed since last update.

React チュートリアル パート1 (create-react-app)

Posted at

image.png

目標:military_medal:

ReactJSを使って簡単なWEBアプリケーションを作っていきます!

:fire:Getting Started:fire:

Create React Appとは、Reactアプリケーションを作るための一般的な方法です。

:fire:Quick Start:fire:

コマンドを使って、**”npx create-react-app my-app“**を入力します!

ディレクトリ構造

インストールが終了すると、下記のファイルが作られます!
image.png

"npm start"でプリケーションを起動

VScodeのターミナルを開いて、
**”npm start”**と入力すると、localhost:3000にアプリケーションが起動します!

image.png

URLを確認するとlocalhost:3000になっていますね!
これで、アプリケーションの起動しました!

image.png

とても簡単にアプリケーションを起動することができましたね:blush:

次回:bell:

:white_check_mark: 次回は、Hello World を表示させます!

参考

:ledger: Create React Appについて 

 

1
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
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?