2016-04-20 2 views
1

Ohne hoffentlich auf alle Optionen und Probleme eingehen zu müssen, kennt oder kennt jemand eine solide Routing-Lösung, die einfach ist und nur für eine React Redux-Kombination funktioniert? Wenn ja, können Sie eine vollständige Arbeitsreferenz angeben, einschließlich Geschichte, Übergänge, Parameter usw.?React Redux Routing - Gibt es etwas einfaches, das einfach funktioniert und sich in 12 Stunden nicht ändert?

Nicht sicher, wie wir mit 10 oder mehr Lösungen zu etwas, das ein Kernbedürfnis für jede reale Anwendung sein sollte, endete, aber die schiere Anzahl und der ständige Fluss (kein Wortspiel beabsichtigt) der Lösungen da draußen scheint es wie ein fast unmögliche Aufgabe, sich auf irgend etwas rechtzeitig einzustellen. Sie scheinen auch in der Komplexität zu wachsen und kämpfen in einigen Fällen fast gegeneinander.

Wenn Dan oder jemand anderes mit dem realen Beispiel von Redux verlinkt, kommentieren Sie bitte den Plan, this Problem/Diskussion zu adressieren. Für einen einfachen Router (oder wie auch immer wir es in dieser Woche nennen) oder irgendeinen anderen wie Tiny oder die Unmenge anderer, bitte klären Sie, wo der Verlauf herkommen sollte (history lib router, Ihre lib ...) und warum wie wie man mit params und so umgehen kann.

TIA

+0

Für was genau brauchen Sie redux in Bezug auf Routing? Ich habe das Gefühl, dass die meisten Anwendungsfälle mit 'react-router' gut funktionieren. Ganz zu schweigen davon, dass jetzt zusätzliche Anstrengungen unternommen werden, um es aufrechtzuerhalten. – ZekeDroid

+0

Redux bindet in das Routing für Rückgängig/Wiederholen oder Zurückspulen oder was auch immer Sie es nennen möchten. Es gibt jedoch auch einige Probleme mit RR, die über Abstraktionen gelaufen sind, und einige Warnungen über die Langsamkeit in Firefox, sodass wir möglicherweise eine alternative Lösung anstreben. –

+0

'07: 45: 02.519 Wenn Sie den [[Prototyp]] eines Objekts mutieren, wird Ihr Code sehr langsam ausgeführt. Erstellen Sie stattdessen das Objekt mit dem korrekten Initial [[Prototype]] - Wert mit Object.create1 reactrouter_react-router.js: 3630: 415' –

Antwort

1

Ich habe gute Erfolge hatte react-router-redux mit Router und Redux zu überbrücken React. Die Beispiele auf der Hauptseite zeigen genau, woher die Geschichte kommen soll. Sie erhalten das History-Objekt von React Router und geben es an reaid-router-redux (über syncHistoryWithStore).

react-redux-starter-kit ist ein sehr guter Starter Repo, der React + Redux + Router (+ viele andere Sachen) alle konfiguriert und funktioniert. Auch wenn Sie Ihre Arbeit nicht aus ihrem Repo starten, können Sie den Code durchsuchen, um zu sehen, wie alles zusammengefügt ist.

+0

Danke @Brandon ... der Starter gibt mir noch einen Strohmann zum Durchlesen. Aber eine erste Sache, die ich bemerkte, ist es teilt die Routen-Definition über mehrere Dateien (fügt Routen in einem, Geschichte in einem anderen ...), die möglicherweise benötigt werden, aber nicht optimal erscheint. Ich habe auch vor ein paar Monaten angefangen, als es noch ein einfacher Router war, also denke ich, ich muss in den sauren Apfel beißen und es und alle Abhängigkeiten aufrüsten, um die neuesten APIs zu bekommen. –

+0

Wenn dies die Rechnung erfüllt, werde ich zurückkommen und dies als akzeptiert markieren, bin aber auch neugierig zu sehen, ob sonst noch jemand mitspielt. –

+0

Ja, ich habe es benutzt, als es "einfach" war. Die API hat sich geändert (zum besseren IMO). Wenn ich jetzt zu einer anderen URL wechseln möchte, kann ich einfach routerMiddleware verwenden und die Navigationsaktions-Ersteller verwenden, oder ich kann einfach das (im Wesentlichen globale) erweiterte Verlaufsobjekt, das ich erstellt habe, aufrufen und direkt Methoden aufrufen: 'getHistory() .push ("einige/new/url)" – Brandon

Verwandte Themen