Redux Alternative

9

Ich habe vor kurzem begonnen, React zu lernen und bin schnell auf das Problem einer aufgeblähten Elternkomponente gestoßen, die voller Funktionen und Zuständen ist. Zuerst schaute ich Flux an und dann schaute ich Redux an, aber beide schienen wirklich überhebliche Lösungen zu sein.

Ich frage mich, warum so etwas nicht gemacht wird:

%Vor%

Zu verwenden: Komponenten einfach registerListener und fireEvent :

%Vor%

Dies würde ermöglichen, dass eine Menge von Entkopplung und Zustand leicht mit dieser Art von Ereignis herumgereicht werden könnte. Was sind die Nachteile dieses Ansatzes?

    
jcuenod 09.11.2016, 23:59
quelle

3 Antworten

2

Sie sollten mobX

ausprobieren

mobX ist eine Bibliothek für die Statusverwaltung, die den Vorteil von Dekoratoren und gelang es, unerwünschten Code zu entfernen. Zum Beispiel gibt es kein Konzept von reducers in mobx.

Hoffe, das hilft!

    
Pranesh Ravi 10.11.2016 04:48
quelle
1

Was benötigt wird, ist ein ereignisgesteuertes System, so dass eine Kindkomponente mit ihrem Geschwister sprechen kann, aber dies bedeutet nicht, dass Daten als die Nutzdaten der Ereignisse weitergegeben werden sollten. Das würde zu einem System ohne Governance und zu einem Albtraum für ein Projekt führen, an dem mehrere Entwickler daran arbeiten.

Solange Sie dem flussartigen Architekturmuster (google it) folgen, können Sie dies tatsächlich nur mit Javascript und Javascript-Objekten tun, um die Daten zusammen mit dem Ereignissystem zu speichern.

Daten sollten als einer von drei verschiedenen Zuständen behandelt werden. Es ist entweder

  1. Originaldaten vom Server abgerufen
  2. transformierte Daten (transformiert vom Original)
  3. Daten speichern. Das ist das Modell, an das die Benutzeroberfläche gebunden ist

Wenn Sie eine Javascript-Bibliothek schreiben, um die Datenbewegung zwischen den drei Zuständen zu handhaben und die Transformationen zu verarbeiten, können Sie das Ereignissystem verwenden, um ein "Speicher geändert" -Ereignis auszulösen, das Komponenten anhören und selbst rendern können. p>     

PrimeLens 07.02.2017 20:47
quelle
1

Redux ist eine Fortsetzung von Reacts deklarativem Programmierstil. Eine einfache Möglichkeit, Ihre Anwendungslogik Komponenten abzubilden ist, etwas zu verwenden, wie Backbone.React.Component aber mit redux, können Sie alle Werkzeuge & amp; Middleware. Auch unbestimmte Übergänge in Ihren Apps erleichtern das Debuggen erheblich. Jetzt stimme ich zu, dass Sie eine Menge Verdrahtung benötigen & amp; Boilerplate zu bekommen sowieso.

Wenn Sie redux verwenden möchten, können Sie an so etwas wie redux-auto aussehen könnte

  

Redux-auto: Redux leicht gemacht (mit einem Plug-and-Play-Ansatz)

     

Das Entfernen des Standardcode in einen Speicher & amp Einrichtung; Aktionen. Warum? Dieses Dienstprogramm ermöglicht es Ihnen, mit Rudux in einem Bruchteil der Zeit, aufzustehen und läuft!

Sie können jetzt ein redux-auto: helloworld-Projekt

sehen     
codemeasandwich 25.06.2017 13:45
quelle

Tags und Links