Redux: FAQ-Updates

Auch dies scheint populär und nicht offensichtlich.

https://twitter.com/dan_abramov/status/736310245945933824

Habe das Bild gesehen und verfolge nur teilweise, was dort vor sich geht. Oder besser gesagt, ich sehe den Code, ich verstehe nur die Absicht oder die Aussage nicht ganz.

Ist die Absicht, dass Sie eine "verbundene" Komponente rendern, außer dass "Versenden" und "Reduzieren" tatsächlich nur den Zustand der übergeordneten Komponente aktualisieren?

Ich verstehe auch nicht, was mit dem "Abnehmen" des Reduzierers gemeint ist, da es in diesem Snippet keinen tatsächlichen Speicher oder keine Verwendung von store.replaceReducer() . Sie meinen nur, dass eine "reduziererähnliche" Funktion außerhalb des Kontexts der Reduzierungsstruktur des Geschäfts anwendbar sein kann?

Neuer möglicher FAQ-Bereich oder möglicherweise Design-Dokument: "Warum Redux so gestaltet ist, wie es ist". Beispielthemen: warum store.subscribe() die Aktion oder den Zustand nicht als Argument enthält, warum Middleware eine verschachtelte Funktion ist usw.

Habe das Bild gesehen und verfolge nur teilweise, was dort vor sich geht. Oder besser gesagt, ich sehe den Code, ich verstehe nur die Absicht oder die Aussage nicht ganz.

Ist die Absicht, dass Sie eine "verbundene" Komponente rendern, außer dass "Versenden" und "Reduzieren" tatsächlich nur den Zustand der übergeordneten Komponente aktualisieren?

Ich verstehe auch nicht, was mit dem "Abnehmen" des Reduzierers gemeint ist, da in diesem Snippet kein tatsächliches Speichern oder Verwenden von store.replaceReducer() vorhanden ist. Sie meinen nur, dass eine "reduziererähnliche" Funktion außerhalb des Kontexts der Reduzierungsstruktur des Geschäfts anwendbar sein kann?

Die Idee ist: Sie brauchen die Redux-Bibliothek mit dem dedizierten Store-Objekt nicht, um die Redux-Architektur von (prevState, action) => nextState zu implementieren. Der Zustand der React-Komponente kann Ihr lokaler Speicher für die Komponente sein, und Sie implementieren den Versand selbst, indem Sie Zustandsaktualisierungen über React setState durchführen.

Ja, so etwas dachte ich zu sehen. Es war die "abtrennen"-Phrasierung, die mich wirklich umgehauen hat, denn ich bin mir bewusst, dass Sie tatsächlich store.replaceReducer() anrufen können.

In Bezug auf die Aufteilungslogik zwischen Aktionserstellern und Reduzierern denke ich, dass es sich lohnt darauf hinzuweisen, dass Selektoren (mapStateToComponent) ein weiterer guter Ort sind, um diese zu behandeln (Validierung, Datentransformation). Dies schafft eine schöne Trennung zwischen echter Quelle vom Server (Reducer) und ansichtsbezogenen Daten, die von der Quelle (Selektor) berechnet (transformiert oder gefiltert) werden.

Eine andere Frage, die ich oft sehe, ist, wie man ein Redux-Modul (Action Creators, Reducer, Components) erstellt, das extern wiederverwendet werden kann. Hauptsächlich, wie man Konflikte von Aktionsnamen vermeidet, wenn wir mehrere Module mit demselben Typ auf derselben Seite haben, und wie man den Namen des Reduzierers bestimmt, damit er von createStore verwendet werden kann.

Ja, wir brauchen definitiv einen Abschnitt "Designentscheidungen" in den FAQ.

Frage an @reactjs/redux : Ich überlege, die FAQ möglicherweise in separate Seiten pro Thema aufzuteilen. Die aktuelle Single-Page ist ziemlich lang. Irgendwelche Meinungen?

Ich mag es, eine Liste mit Links zu allen Fragen im Inhaltsverzeichnis zu haben. Wenn wir das beibehalten, kann ich nicht erkennen, dass die Aufteilung der Themen auf verschiedene Seiten Nachteile hat.

Ja, ich würde auf jeden Fall FAQ.html behalten, um das vollständige Inhaltsverzeichnis zu haben, und dann wahrscheinlich ein separates Inhaltsverzeichnis auf jeder Seite nur für ihre Einträge.

Der beste Weg, sie zu organisieren, ist wahrscheinlich das, was die besten Ergebnisse für jemanden liefert, der eine Google-Suche nach einer relevanten Frage durchführt.

Beginnen Sie mit dieser Aufgabe. Es ist geplant, es basierend auf den aktuellen Kategorien aufzuteilen, dann die bestehenden Fragen zu aktualisieren und schließlich das neue Material zu schreiben.

Ich würde gerne mehr über Shop-Enhancer erfahren. Und injizierbare Reduzierstücke zum Code-Splitting. Die Beispiele für beide sind ziemlich begrenzt und schwer zu folgen.

@ Medros : Hmm. Beides interessante Themen, aber vielleicht nicht so sehr "Häufig gestellte Fragen".

Auf Twitter gab es vor einigen Wochen eine gute Diskussion über Shop-Enhancer: https://twitter.com/acemarke/status/778813095221170176 . Im Grunde werden sie im Moment nicht in den Dokumenten genannt, da es sich um ein Power-User-Feature handelt und es einige Arbeiten gibt, um die damit verbundenen Interna zu ändern. Die Diskussion unter #1813 spricht einige davon, und das relevante Überarbeitungsproblem ist #1702 .

Bei injizierbaren Reduktionsmitteln sollten Sie sich ansehen, wie https://github.com/mxstbr/react-boilerplate und https://github.com/davezuko/react-redux-starter-kit die Dinge tun. Es gibt auch eine Vielzahl von Bibliotheken, die sich auf das Komponentenstatus- und Reducer-Management in meiner Redux-Addons-Liste beziehen, die möglicherweise relevant sind.

Guter Fortschritt heute. Aufteilung der FAQ in separate Seiten pro Kategorie, etwa die Hälfte der geplanten Aktualisierungen bestehender Fragen. Den Rest versuche ich morgen rauszubekommen.

Und der Teil "split+update" ist jetzt drin (siehe #2009 ).

Ich habe noch ein paar andere Dinge, die ich tun möchte, bevor ich mich mit den neuen Fragen befasse, also lasse ich dies vorerst offen. Komme wahrscheinlich in ein paar Wochen darauf zurück.

Ich helfe Ihnen gerne, einige davon für Sie aufzuschreiben. Irgendwelche Gedanken zum besten Startpunkt?

Hija und danke!

Im Hinblick darauf, wie häufig tatsächlich nachgefragt wird, wäre es am relevantesten, eine neue Kategorie "Designentscheidungen" hinzuzufügen. Das heißt, das springt auch direkt in einige ziemlich technische Aspekte.

Ein einfacherer Ausgangspunkt könnte das Hinzufügen einiger neuer Fragen zum Abschnitt "Allgemein" sein. Die Ideen, die ich im Moment aufgelistet habe, sind "Wann sollte ich Redux verwenden?", "Was sind die Vor- und Nachteile von Redux?" und "Wie vergleicht Redux mit [Angular/Backbone/MobX]?".

Das heißt, wenn Ihnen eine bestimmte Frage ins Auge springt, funktioniert das auch. Es gibt keine bestimmte Frist, die wir einzuhalten versuchen, nur eine Reihe von Fragen, die ich gesehen habe und die ich gerne in den FAQ behandelt hätte.

Ich freue mich, mit Ihnen zusammenzuarbeiten, in welche Richtung diese Antworten gehen sollten, bearbeiten und verlinken Sie zu weiteren Informationen Backburner für mich, bis das erledigt ist.

OK das hört sich gut an. Warum beginne ich nicht mit _Wann/Warum Redux verwenden_ und _Redux-Zustand vs. React-Zustand_. Möchten Sie, dass ich einen Entwurf schreibe und eine neue PR zur Überprüfung hinzufüge, oder haben Sie einen anderen Prozess, den Sie bevorzugen?

Ah... Entschuldigung, lassen Sie mich klarstellen, was dieser erste Kommentar ausdrücken soll.

Mein Ziel war es, bestehenden Fragen zusätzliche Links und Informationen hinzuzufügen und dann neue Fragen + Antworten zu schreiben. Ich habe bereits alles unter der Überschrift "Updates zu bestehenden Fragen" abgeschlossen, dh den Teil "Neue Links hinzufügen". Es ist der Teil "Neue Fragen + Antworten schreiben", bei dem ich im Moment nach Hilfe suche.

Die Liste potenzieller neuer Fragen befindet sich unter der Überschrift „Neue Themen“ (beginnend mit „Wann soll ich Redux lernen?“). Alles, was in diesem Abschnitt aufgeführt ist, wäre es wert, in Angriff genommen zu werden.

Was den Workflow angeht: Sie möchten das Redux-Repository abspalten, einen Branch erstellen und mit der Arbeit an Ihren Entwürfen beginnen. Könnte wahrscheinlich zuerst einen Link zu den WIP-Dateien hier posten, und dann, wenn Sie glauben, dass Sie einen Entwurf fertig haben, eine PR einreichen.

OK, ich beginne mit _Muss ich Immutable.js verwenden?_. Ich habe gerade eine Reihe von Tutorials zu Immutable geschrieben und benutze es täglich, daher bin ich mit den Problemen rund um seine Verwendung sehr vertraut.

Hört sich gut an! Der verlinkte Kommentar zu Reddit ist meine eigene Meinung zu einigen Kompromissen. Ich habe auch gerade Hinweise zu den relevanten Abschnitten meiner React/Redux-Linkliste zu unveränderlichen Daten und React-Perf als zusätzliche Ressourcen hinzugefügt.

Die Frage "Immutable.js" gehört wahrscheinlich in eine neue Kategorie, aber ich bin mir im Moment nicht sicher, was diese Kategorie sein soll. Vielleicht erstellen Sie für den Moment in Ihrer Filiale eine Kategorie "Unveränderliche Daten" und beginnen mit dem Schreiben auf dieser Seite?

@markerikson First PR ist jetzt zur Überprüfung bereit: #2120

@bundance :

Dies sieht nach einer großartigen Möglichkeit aus, mein Verständnis von Redux zu verbessern. Ich würde mich freuen, wenn ich einige konkrete Aufgaben hätte. Was Priorität hat, jemand macht sie noch nicht usw.

@mateo-io : Klar, danke für deine Hilfe!

Wenn Sie sich die Liste oben in der Ausgabe ansehen, ist alles im Abschnitt "Warten darauf, hinzugefügt zu werden"... äh... wartet darauf, hinzugefügt zu werden :) sind alle Freiwild.

Eine einfache Möglichkeit, um zu beginnen, könnte darin bestehen, an den Elementen "Aktualisierungen bestehender Fragen" zu arbeiten. Zum Beispiel gibt es eine Reihe von Links, die ich dem Abschnitt "Wann sollte ich Redux verwenden?" hinzufügen möchte. Frage. Diese sollten ziemlich einfach sein - fügen Sie einfach die Links zu der bestehenden Liste am Ende dieser Frage in den FAQ hinzu, mit einigen kurzen Beschreibungen, worum es bei jedem Link geht.

Ein weiterer guter Ausgangspunkt könnte eine der neuen Fragen sein wie "Warum sollte ich Action Creators verwenden?" oder "Wann sollte ich Redux verwenden?".

Wenn Sie stattdessen zuerst etwas anderes angehen möchten, ist das in Ordnung. Sehen Sie sich die Liste der Themen an, die ich hinzufügen oder aktualisieren möchte, und teilen Sie mir mit, an welchen Abschnitten Sie arbeiten möchten.

@markerikson 2370 für häufig gestellte Fragen allgemeiner Abschnitt

Ich würde gerne beim Hinzufügen neuer Links zum Abschnitt "Codestruktur" helfen!

@gribnoysup : Toll, das freut mich zu hören! Erstellen Sie einen Fork des Repositorys und einen Branch für Ihre Änderungen und beginnen Sie mit der Aktualisierung der FAQ-Datei "Code Structure". Der einfachste erste Schritt wäre, einfach die paar Links hinzuzufügen, die ich aufgelistet habe, um den Abschnitt "Wo soll ich Ihre Geschäftslogik ablegen?" zu aktualisieren. Frage. Von dort aus können wir über das Hinzufügen der neuen Fragen/Antworten für "Warum Action Creators?" und "Verkapselungslogik".

@markerikson Ich habe eine neue Pull-Anfrage für den FAQ-Bereich zur https://github.com/reactjs/redux/pull/2494

@markerikson Ich bin daran interessiert, daran zu arbeiten. Ist es in Ordnung, wenn ich die Frage "Warum Action Creators verwenden?" nehme. Artikel. Gerne woanders anfangen, wenn das besser für Sie ist.

@maxhallinan : Ja, das wäre toll! Stellen Sie einen Entwurf für eine neue FAQ-Frage zusammen, reichen Sie eine PR ein und wir können sie dort optimieren. Vielen Dank!

@markerikson Ich interessiere mich auch. Gibt es etwas, womit ich anfangen kann, was auch häufig von der Community gefordert wird?

@markerikson Ich habe eine PR für den FAQ-Bereich zu Designentscheidungen #2528 erstellt

@sbakkila :

@Fyre91 : Entschuldigung, dass ich nicht schneller zurückkomme. Alles dort oben in dieser Liste, das in den letzten paar Kommentaren nicht erwähnt wurde, ist Freiwild :) ein Zustandsbaum" und "mehrere Versendungen" Fragen.

@markerikson Es tut mir leid, dass das so lange

Ich habe auch PR #2537 geöffnet, um Links zum FAQ-Bereich zu Aktionen hinzuzufügen. FWIW, die anderen Links, die in dieser Problembeschreibung zur Aktualisierung aufgeführt sind, scheinen bereits hinzugefügt worden zu sein. Sonst hätte ich sie dieser PR beigelegt.

Ich dachte darüber nach, zu "Wann sollte ich Redux lernen?" Bezieht sich diese Frage speziell auf React? Ansonsten scheint es, dass Sie Redux lernen sollten, wenn Sie Redux verwenden sollten, was sich mit dem bereits beantworteten "Wann sollte ich Redux verwenden?" überschneiden.

@maxhallinan :

@markerikson OK, ich werde eine FAQ zur Zustandsbaumleistung

@Fyre91 : cool, danke!

@markerikson Ok, hört sich gut an. Ich nehme "Wann soll ich Redux lernen?".

@markerikson Ich werde als nächstes 'Warum React-Redux verwenden' nehmen.

@markerikson Ich übernehme als nächstes das Paginierungs-/Caching-Element unter Leistung. Zur Bestätigung lautet die eigentliche Frage: "Kann ich paginierte Daten zwischenspeichern, ohne Speicherprobleme zu verursachen?"

@maxhallinan : ungefähr, ja. Die anderen Gedankengänge waren vielleicht Dinge wie "Wie implementiere ich Cache-Checks?", "Wie gehe ich mit dem Löschen zwischengespeicherter Daten um?", "Wie viel kann ich sicher im Speicher zwischenspeichern?" usw.

Um ehrlich zu sein, kann ich mich nicht _genau_ daran erinnern, was ich dachte, als ich diesen Artikel schrieb, aber genau das decken diese Links ab. Ich habe auch gerade einen Link zu einem großartigen Beitrag zum Verfolgen von Teilmengen normalisierter Daten hinzugefügt.

Dies könnte leicht zu mehreren separaten Frageeinträgen werden, wenn wir das Gefühl haben, dass es nötig ist, und ich bin mir nicht so sicher, was ich daraus sehen möchte. Probieren Sie das Thema aus, sehen Sie, was Ihnen einfällt, und wir werden von dort aus arbeiten.

Ich habe gerade die Liste am Anfang des Threads aktualisiert, um widerzuspiegeln, woran in letzter Zeit gearbeitet wurde. (Eigentlich, weißt du ... ich hätte es wirklich von Anfang an zu einer Checkbox-Todo-Liste machen sollen, anstatt fertige Dinge auszuschneiden und in einen zweiten Abschnitt einzufügen. Na ja.)

Schön zu sehen, dass die Liste der verbleibenden Dinge immer kleiner wird!

@markerikson Updates to Existing Questions: Performance ist bereits im Master :)

@markerikson "Warum Action

@gribnoysup , @maxhallinan : ah, ja, das sind sie :) Die Liste wurde aktualisiert.

Komme auf jeden Fall an. Es sieht so aus, als ob alle Aktualisierungen an bestehenden Fragen abgeschlossen sind und es nur noch wenige neue Elemente gibt.

Ich habe mir gerade eine neue "Design Decisions"-Frage einfallen lassen: "Warum trennt Redux Aktionen und Updates?"

Ich denke, wir sind gut darin. Wir können einzelne FAQ-Updates in anderen Ausgaben verfolgen.