Wiederverwendung von react Komponenten öffentlich verfügbar

Ich habe seit einer Weile reagieren getan. Ich benutze keine Modullader wie Webpack.Wiederverwendung von react Komponenten öffentlich verfügbar

Ich benutze nur npm, um die Dateien von Npm zu installieren und dann die Dist aus dem Dist-Ordner innerhalb zu bekommen. Und für babel, von es6 zu es5 zu kommen.

Ich war nie in der Lage, herauszufinden, wie man eine Reaktionskomponente wieder verwendet, sie scheinen eine Art von zu verwenden. Können Sie mir bitte erklären, wie ich Komponenten, die ich bei npm finde, wiederverwenden kann? Hier

ist Beispiel dafür, wie ich es verwenden:

<link rel="stylesheet" href="/styles/app.css" /> 

    <script src="/scripts/3rd/polyfill.min.js"></script> 
    <script src="/scripts/3rd/comm/webext.js"></script> 
    <script src="/scripts/3rd/react-with-addons.min.js"></script> 
    <script src="/scripts/3rd/react-dom.min.js"></script> 
    <script src="/scripts/3rd/redux.min.js"></script> 
    <script src="/scripts/3rd/react-redux.min.js"></script> 
    <script src="/scripts/app.js"></script> 
</head> 
<body> 
    <div id="root"></div> 
</body>

Dann ist mein js ist:

 ReactDOM.render(
      React.createElement(ReactRedux.Provider, { store }, 
       React.createElement(App) 
      ), 
      document.getElementById('root') 
     );

Quelle

2016-11-02 Noitidart

Ich empfehle ein Intro zum Node-Lernprogramm, damit Sie JavaScript-Module auf dem neuesten Stand halten. Auch würde ich vorschlagen, das offizielle React Starter-Projekt zu verwenden, das keine Einrichtung erfordert und es Module verwendet https://github.com/facebookincubator/create-react-app – azium

können Sie bitte ein Beispiel geben? – netchkin

@azium Ich kann create-react-app nicht verwenden, da mein Ziel eine Erweiterung für Browser ist. – Noitidart

Ich glaube, Sie nur ihren Code herunterladen konnte von Github, dort r un npm run compile und fügen Sie den Inhalt des lib-Ordners in Ihre Seite ein.

Warum aber nicht webpack verwenden? Ich verstehe, dass Sie eine Art Erweiterung für die Frontend-App erstellen möchten, aber mit Webpack können Sie Ihren gesamten Code erstellen und ihn dann in einen einfachen HTML- und CSS-Code kompilieren, der von jedem Browser aus verwendet werden kann. Weitere Informationen finden Sie in diesem Handbuch ... https://survivejs.com/webpack/introduction/

Quelle

2016-11-02 20:38:51 netchkin

Vielen Dank Netchkin! Ich werde das versuchen und zu dir zurückkommen. Ich verwende kein Webpack, da die Browsererweiterungssysteme eigene Modulladesysteme haben, auf die ich mich verlasse. Es besteht eine Verbindung zwischen dem Frontend und dem Browser. Ich verstehe nicht die Feinheiten von dem, was Webpack darunter tut, es bringt mich dazu, mich außer Kontrolle zu fühlen. :( – Noitidart

Ich habe oft den gleichen Weg mit Webpack, außer Kontrolle gefühlt. Zum Glück, es ist nur eine Frage der damit herumspielen und gute Tutorials. Der beste Weg, um es zu lernen ist einfach zu starten und allmählich aufzubauen Du wirst immer verstehen, was vor sich geht, und wirst keine Features hinzufügen, die du noch nicht gelernt hast. " – netchkin

Ich fange an, es mit ihr zu experimentieren netchkin danke fürs teilen, dass du das selbe fühlst! :) – Noitidart

Wiederverwendung von react Komponenten öffentlich verfügbar

Antwort

Verwandte Themen