react.js Render-Komponenten auf Client-Seite

Ich verwende node.js mit react.js als meine Templating-Bibliothek. Ich bin in der Lage, meine Komponenten auf Server-Seite mit dem res.render (..) des Knotens zu rendern, aber ich möchte meine Komponenten dynamisch machen, indem ich sie auf der Client-Seite mit react.js rendere und die onclick-Handler aufrufen. Ich habe meine Komponenten im .jsx-Format definiert. Wie kann ich mit dem Browser auf der Clientseite interagieren und meine Komponenten dynamisch darstellen?react.js Render-Komponenten auf Client-Seite

Quelle

2016-04-18 medha

Ich mache das. Anstatt nur als Templating-Bibliothek zu fungieren (wie das Hapi-React-Plugin), ging ich den Weg, eine richtige Universal-React-Konfiguration zu erstellen. Es ist anfangs ziemlich kompliziert, sich einzurichten, aber es ist erstaunlich, wenn man anfängt. Sehen Sie sich dieses Beispiel an: https://github.com/choonkending/react-webpack-node – ctrlplusb

Sie müssen Ihren Code transpiliert und gebündelt haben, dann können Sie ihn wie jedes andere Skript in ein Skript-Tag einfügen. Eine beliebte Option ist Webpack; ein anderes ist die Verwendung von Browserify mit babelify in einer Schluckaufgabe.

Quelle

2016-04-18 18:14:19

Sie können es mit ES6 Klassensyntax mit Babel js verwenden. Ich habe eine Beispielkomponente here

erstellt. Sie können auch react-starter-kit verwenden, die Ihnen alle Setups vorinstalliert gibt. Ein guter Anfang wäre Facebooks Reaktion documentation

Quelle

2016-04-18 18:27:49

react.js Render-Komponenten auf Client-Seite

Antwort

Verwandte Themen