/viewsと/ libフォルダの違いは？

Question

私はExpress/Reactアプリケーションを作成しています。基本的なスキャフォールディング構造を理解しようとしています。

"dev": "pm2 start app.js --watch --interpreter ./node_modules/.bin/babel-node"、私の知る限りnode app.jsと同等です：私はnpm run devを実行すると、スクリプトを呼び出す、すべてを開始し、私はapp.jsを持っている私のルートで

。

私はを設定しました。つまり、app.get(...)が呼び出されると、expressは指定されたファイルの/viewsフォルダ内を検索します。

しかし、他の多くのプロジェクトで見た/libフォルダもあります。私は最終的にコンポーネントを内側に作るでしょう/lib/components。

私の内部にあるテンプレート/viewsは、requireまたはimportのコンポーネントは/lib/componentsであることを意味しますか？なぜ私の*.jsxファイルを1つのフォルダの中に入れておくのはなぜですか？または、/viewsはトップレベルのテンプレートのためのものです。

Answer 1

libは、スタイルコンポーネントライブラリの作成に使用されます。 Reactを知っているので、おそらくJavascriptフレームワークについて知っているでしょう。このフレームワークをCSSまたはSASSフレームワークと考えてください。 javascriptライブラリを作成するときは、それを使用するためにインポートする必要があります。これはlibディレクトリの機能です。

スタイル別のコンポーネントの説明から、hereが削除されました。

Styled-Componentsを使用すると、実際のCSSコードを書き込んで、 コンポーネントのスタイルを設定できます。また、コンポーネントとスタイル間のマッピングも削除されます - コンポーネントを低レベルのスタイリングコンストラクトとして使用すると、 が簡単になりませんでした！

はおそらくリアクト使用するが、反応this link

を参照してくださいしてコンポーネントを作成する方法の詳細を参照する方法を知っています