Ich bin neu bei der Reaktion und versuche zu verstehen, wie man den Code am besten für die Produktion einsetzt. Wie im unten stehenden Link beschrieben, verwende ich babel als Code unten, aber ich habe mich gefragt, ob das gut ist, oder gibt es andere Best Practices zum Bereitstellen von ReactJS für die Produktion:
%Vor%Hier sind meine index.html und main.js Dateien:
Ich empfehle die Verwendung von Webpack , um Ihren Code zu bündeln. Es wird Ihre gesamte App in eine Datei zusammenfassen (oder ein paar, wenn Sie das Webpack ein bisschen mehr optimieren). Sie können dann eine sehr einfache index.html-Datei haben, die einfach die gebündelte js-Datei lädt. Schieben Sie das auf Ihren Produktionsserver, wie Sie wollen.
Hier ist ein gutes Tutorial, um mit dem Webpack zu beginnen: Einrichten von React für ES6 mit Webpack und Babel (es gibt viele davon, wenn Sie diese nicht mögen)
Eine der aktuellen Herausforderungen bei React ist eine größere als die optimale Paketgröße. Bei komplexen Apps kann dies beim ersten Laden der Seite zu einem Problem werden. Geben Sie isomorphes Rendering ein. React kann serverseitig ausgeführt werden und einen Snapshot Ihrer App wiedergeben, die schnell heruntergeladen wird. Wenn dann Ihr tatsächliches App-Paket heruntergeladen wird, wird es nahtlos mit dem aktuellen DOM aufgenommen, was zu einer viel schnittigeren Benutzererfahrung führt, wenn Sie auf Ihrer Seite ankommen.
Hier ist ein Beispiel für isomorphes Rendering mit React: Beispiel auf Github
Go werfen "reactjs ismophic rendering" in Google für viel mehr Informationen. Viel Glück und viel Spaß - das ist coole Sachen:)