Konvertieren eines Admin-UI-Designs in Ember-Komponenten

Question

Ich frage mich, ob es ein Tutorial ist, wie man eine Admin-Benutzeroberfläche in Ember-Komponenten konvertiert? Was sind die besten Praktiken? Zum Beispiel das folgende UI-Framework: http://egemem.com/theme/kode/v1.1/blank.html

Hat eine Hauptnavigation, zwei Sidebar-Menüs, einen Inhaltskörper und eine Fußzeile. Was wäre der beste Weg, dies in Komponenten umzuwandeln? Meine anfänglichen Gedanken, mit sehr wenig Ember-Erfahrung und basierend auf der Streuung von Dokumenten, die ich finden konnte, habe ich das Gefühl, dass das Erstellen von einzigartigen Komponenten für alles der beste Ansatz wäre. Mit allem was ich meine, alles was einzigartig ist. Wenn wir beispielsweise die Navigationsleiste verwenden, gibt es eine übergeordnete Komponente für die Navigation als Ganzes und dann untergeordnete Komponenten für die Seitenleisten-Minimierungs-/Erweitern-Schaltflächen, die Suche, die Dropdown-Menüs, den Benachrichtigungsindikator usw. sind zusätzliche Elternkomponenten für die rechte Seitenleiste, linke Seitenleiste und Fußzeile.

Betrachtet man eine der Seitenleisten, zum Beispiel die linke, könnte das eine Komponente sein oder wären auch hier Kinderkomponenten erforderlich?

Die rechte Seitenleiste ist komplexer mit Tabs. Wäre es in diesem Beispiel sinnvoll, diese Seitenleiste in untergeordnete Komponenten für die 3 verschiedenen Registerkarten zu zerlegen? Möchten Sie so weit wie eine einzigartige Komponente für verschiedene Elemente der Registerkarten selbst gehen. Zum Beispiel wäre jeder Benachrichtigungstyp eine Komponente?

Vielen Dank im Voraus für Ihre Unterstützung senden Ich freue mich zu verstehen, wie Sie diese Art von Szenario am besten behandeln.

Cheers,

Dan

Answer 1

Ja, macht die Idee Sinn. Es empfiehlt sich, Komponenten (oder Lenker) für alles zu erstellen, das mehrmals wiederholt wird. Ich würde nicht verschiedene Komponenten für verschiedene Registerkarten erstellen, wenn sie nicht wiederverwendet werden.

Vergessen Sie nicht, Rad neu zu erfinden. Es gibt viele verfügbare Komponenten, werfen Sie einen Blick auf Ember Observer oder andere ähnliche Ressourcen.

Answer 2

Komponenten sind großartig, aber einige der Dinge, die Sie erwähnt haben, wie Seitenleisten, könnten mehr Sinn machen als geschachtelte Routen, je nachdem, was in den Seitenleisten ist.

Rock'n'Roll with Ember ist ein fantastisches Buch, das Sie durch den gesamten Entwicklungsprozess einer Ember-Anwendung führt. Es ist das Buch, das ich immer Leuten empfehle, die gerade mit dem Rahmen beginnen. http://balinterdi.com/rock-and-roll-with-emberjs/