Unterschied zwischen/views und/lib Ordner?

Question

Ich erstelle eine Express/React App und versuche die grundlegende Gerüststruktur zu verstehen.

In meiner Wurzel Ich habe app.js die alles beginnt, wenn ich npm run dev laufen, was das Skript aufruft:

"dev": "pm2 start app.js --watch --interpreter ./node_modules/.bin/babel-node", die bis zu node app.js entsprechen, wie ich sagen kann.

In meinem app.js Ich habe app.set('views', __dirname + '/views'); gesetzt, was bedeutet, wenn ein app.get(...) genannt wird, zum Ausdruck wird für die angegebene Datei in dem Ordner /views suchen.

Allerdings habe ich auch einen /lib Ordner, den ich viele andere Projekte gesehen habe. Ich werde schließlich Komponenten innerhalb /lib/components machen.

Bedeutet das, dass die Vorlagen, die ich in /viewsrequire oder import Komponenten von /lib/components habe? Warum nicht alle meine *.jsx Dateien in einem Ordner behalten? Oder ist /views nur für Top-Level-Vorlagen gedacht ..?

Answer 1

lib wird zum Erstellen von Stilkomponentenbibliotheken verwendet. Da Sie React kennen, kennen Sie wahrscheinlich Javascript-Frameworks, denken Sie an dieses als CSS- oder SASS-Framework. Wenn Sie eine Javascript-Bibliothek erstellen, müssen Sie sie importieren, um sie zu verwenden. Dies ist die Aufgabe des lib-Verzeichnisses.

Von der styled-component-Erklärung abgezogen here.

Mit Style-Komponenten können Sie CSS-Code schreiben, um Ihre Komponenten zu formatieren. Es entfernt auch die Zuordnung zwischen Komponenten und Stilen - mit Komponenten als Low-Level-Styling-Konstrukt konnte nicht einfacher sein!

Sie wahrscheinlich wissen, wie Reagieren zu verwenden, aber mehr auf, um zu sehen, wie die Komponenten zu schaffen, mit reagieren bitte this link

sehen