React JSサイト・テンプレートの構造

デフォルトでは、StarterSite.zipサイトのテンプレートを使用してサイトを作成します。このテンプレートにはCLIが付属しています。

ここに表示されます:

Windows:

C:\Users\<userid>\AppData\Roaming\npm\node_modules\cecss-cli\data

Mac

/usr/local/lib/node_modules/cecss-cli/data

「図react_template.pngの説明」

テンプレートでは:

index.htmlはページ・テンプレートです。
index.jsは、JavaScriptエントリ・ポイントです。
Constants.jsは、定数が定義される場所です。
app/App.jsは、シンプル・ページ・アプリケーションのメイン親コンポーネントであるReactコンポーネントです。 Reactルーターは、表示するコンポーネントと非表示にするコンポーネントを決定するために使用します。
assets/app.cssはサイトで使用されるcssです。
{{types}}/{{name}}.jsはプレースホルダーです。パラメータに基づいて、このコンテンツ・タイプのコンテンツ・アイテム、コンテンツ・リストまたは検索結果をレンダリングするために、コンテンツ・タイプごとにReactコンポーネントが生成されます
common/ContentItem.jsは、渡されたレイアウトを使用してアイテムをレンダリングするReactコンポーネントで、アイテム問合せを開始する責任にもなります。
common/ContentList.jsは、渡されたレイアウトを使用してコンテンツ・リストをレンダリングするReactコンポーネントで、アイテム問合せを開始する責任もあります。
common/ItemMultiValues.jsは、複数の値を持つアイテム・フィールドをレンダリングするリアクト・コンポーネントです。
common/queryItems.jsには、1つまたは複数のアイテムをフェッチするためのReduxアクションを作成する、JavaScript APIsが含まれています。
common/queryReducer.jsは、フェッチ成功アクションを受信したときに問合せ結果をReduxストアに保存するreducerです。また、フェッチの開始時にtrue、終了時または失敗時にfalseにロード・フラグを設定します。
common/Searchbar.jsは、検索フィールドをレンダリングし、コンテンツ・アイテムの検索を開始する処理を行うReactコンポーネントです。

サイトが作成されると、すべてのソース・コードは<site name>/SRC/の下になります。

「図starter-site-code.pngの説明」

SRCディレクトリ内:

contentは、Oracle Content Managementコンテンツを含むフォルダです。
Starter_Blog_Author/Starter_Blog_Author.jsには、コンテンツ・タイプStarter_Blog_Authorのサイト・テンプレートのプレースホルダーに基づいて生成されたReactコンポーネントが含まれています。
Starter_Blog_Post/Starter_Blog_Post.jsには、コンテンツ・タイプStarter_Blog_Postのサイト・テンプレートのプレースホルダーに基づいて生成されたReactコンポーネントが含まれています。