React初学者です。現在、入室管理アプリの作成を進めており、その選択肢の一つとしてViewにSPA要素を加えたく、Reactの学習をはじめました。Webに関してはHTML+css+jsの基本的なwebアプリの作成経験、MVCフレームワークではRailsを学び、タスク管理アプリなど基本的なアプリの作成経験がある程度です。動的Webに関してはあまり経験がありません。
React開発環境構築2018を参考にして環境を構築し、SPAの例を元に、単純なマテリアルUIを貼り付けることができるようになりました。
ここで、初歩的なことなのですが、Reactはサイトの例で出てくるようなRect.jsなどのコンポーネントと呼ばれるパーツのようなものを組み合わせてVIEW部分を作っていくために用いると理解しています。各コンポーネントの機能を実装するのがReactなのかなと理解しています。 ここでわからなくなったのが、デザインの構築の部分です。
・複数のコンポーネントを貼っていくときに、そのページとしての構成の構築はどこに記述して行うのがよいのか?
例えばBootStrapならhtmlの記述に適応したいデザインを追加していくのでわかりやすかった。Reactではindex.jsxで最後に<div id="root">にApp.jsの仮装DOMを展開しているが、例えば
html
1<div id="top"></div> 2<div id="body"></div> 3<div id="bottom"></div>
のようにhtmlに大まかに構成を記入してそこにそれぞれの仮装DOMを展開するのがよいのか?
そもそもApp.jsやindex.jsは何を記述するためのファイルを分割しているのか?
・CSSやBootstrapは組み合わせてもいいのか?
前述の通り、IDなどに対してCSSやBootstrapを適応してページのレイアウトを構成してもよいのか?例えばReactのコンポーネントの配置を考えるときに、Gridデザインなどを適応したい場合にはどのように記述するのがいいのか?
・データの入出力について
データの入出力はどのタイミングで行えばよいのか?いくつか記事を調べたところ、MVCと異なり、FLUXの原則としてはAPIベースで問い合わせを行うこと、そして子コンポーネントではそのAPI呼び出しは行わないこと。というように理解しました。
REDUXについて
つまりこれは「一番大元となり、他のコンポーネントを内部に持つ親コンポーネントを生成する際のコンストラクタ(?)でAPI(GET)を呼び出してJSONかなにかでデータを取得し、FORMやチェックリストは子コンポーネント内部のクリックアクションかなにかでDBなどのサーバサイドへAPI(PUT)呼び出しを行うようにしなさい」 ということでしょうか?
長文となり失礼いたします。サイトなどをいくつかみていたのですが、サイト間で書いてあることやコーディング方法に差分があり、サンプルプログラムもHello Worldやマテリアルを少し動かす程度で終わっているものが多かったため、先に進めず困ってしまっため質問いたしました。アドバイスをお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/03/04 10:26
2019/03/04 10:31
2019/03/04 16:46
2019/03/05 00:21