2021年8月11日水曜日

Reactのプロジェクトを作る方法のメモ

Reactのプロジェクトを作るときの便利コマンドをとりあえずメモ


create react appで一式そろえることができるので、便利。


[参考:Create React App]
https://create-react-app.dev/docs/getting-started/

npmインストール済みの環境で「my-app」フォルダをプロジェクトする場合は以下のようにコマンドラインから入力する

$npx create-react-app my-app

my-appというフォルダができるので、移動する

$cd my-app

my-app以下には以下のフォルダとファイルができている。

index.jsがエントリポイントになるので、App.jsを編集していくことになる。

node_modules/    ←nodeのパッケージが配置される
package.json
public/     ←公開用のコンテンツはこちらに出力される
src/      ←ソースフォルダ
    App.js        ←アプリケーション本体
    index.js   ←エントリポイント

 

 サンプルがすでに出来上がっているので、以下のコマンドで起動できる

$npm start 

公開用のコンテンツの出力は以下で実行

$npm run build




2021年8月10日火曜日

ReactでThree.jsを使う場合のめも

 ReactでThree.jsを使う場合には、react-three/fiberなるものが便利そうなので、なんとなくメモ

 

[react-three/fiber]
https://www.npmjs.com/package/@react-three/fiber 


他にも、react-three/drei というのもあるらしい。fiberのヘルパー的立ち位置なのかな?おいおい調べる。

Blenderのモデルを取り込んだりもできる模様。