2016-07-27 5 views
0

Derzeit suche ich nach einer Anwendung mit React und Redux. Jetzt verwenden sie in den meisten Beispielen React Router und ich fragte mich, wofür das genau ist.Reagieren Redux-Seiten mit React Router

Meine Anwendung wird viele Seiten (mindestens 20) mit dynamischen Inhalten haben. Nun meine Frage ist, könnte dies mit React Router gemacht werden? Ich sehe einige Dinge, die sagen, dass es Ihnen hilft, eine Seite Anwendungen zu machen, aber was ist eine eine Seite Anwendung? Also, wäre es am besten, mit React Router oder einer anderen Bibliothek zu gehen? Auch wenn es eine mehrseitige Anwendung ist, würde ich immer noch nur eine index.js und eine index.html haben?

Antwort

1

Reagieren Router ermöglicht es Ihnen, „Routen“ wie zu setzen:

/ 
/posts 
/posts/12345 
/posts/archive 

Ohne react-router, werden Sie die Änderungen an der URL selbst verwalten müssen.

Für größere, komplexere Anwendungen ermöglicht react-router (zusammen mit Webpack) die Code-Aufteilung, sodass Sie nur die erforderlichen Dateien für jede URL bereitstellen können. Ohne dies kann Ihre einzelne bundle.js-Datei sehr groß werden.

+0

Also unterstützt das * mehrseitige * Apps? –

+0

Sie können mehrere Seiten in einer einzelnen Seite App mit reagieren erreichen. Mit React Router können Sie die URL wesentlich besser kontrollieren. Bei der Codeaufteilung werden Ihre Produktionsdateien in kleinere Abschnitte unterteilt, und Ihre Benutzer greifen nur auf sie zu, wenn sie die URL aufrufen, in der diese Dateien benötigt werden. Dies ist wichtig, da JavaScript-Apps sehr schnell extrem schwer werden können. Mehr Infos: https://github.com/reactjs/reac-router/blob/master/docs/Introduction.md – Toby

+0

Danke, das macht viel mehr Sinn! Ok, letzte Frage, zum Beispiel habe ich die Seiten 'home' und' login'. Würden sie ihre eigenen Namen bekommen wie 'home.js/home.html' und' login.js/login.html', oder werden sie alle noch von 'index.js/index.html' bedient? –

2

Was ist eine einseitige Anwendung?

Eine einzelne Seite Anwendung hat alle notwendigen Code abgerufen mit einer einzigen Seite laden. Ein Beispiel für ein SPA ist Google Mail. SPA's müssen den Browser nicht aktualisieren, wenn zwischen Ansichten navigiert wird.

wäre es am besten, mit React Router oder einer anderen Bibliothek zu gehen?

React Router ist nicht die offizielle Routing-Bibliothek von Facebook, aber es ist bei weitem die beliebteste. Ich empfehle es zu verwenden, da es eine große Community dahinter hat, die Ihnen helfen kann, wenn Sie auf irgendwelche Probleme stoßen.

hätte ich immer noch nur eine index.js und eine index.html?

Mit React benötigen Sie etwas wie Webpack, um JSX und ES6 zu transponieren. Der Einstiegspunkt für Ihre App ist eine gebündelte js-Datei, die von Webpack erstellt wurde und Ihren gesamten JavaScript-Code enthält. Sie könnten mehrere Einstiegspunkte haben, beispielsweise wenn Sie ein separates Paket für Ihre Knotenmodule haben möchten. Kurz gesagt, Sie haben eine index.html Datei, aber Sie könnten eine oder mehrere js Dateien haben.

Verwandte Themen