Reagieren tutorial - wie fange ich an den node-server für eine reactJs Anwendung?

Ich bin gerade erst dem react.js tutorial, ich habe die Dateien heruntergeladen und dann hat es erwähnt:

"Folgen Sie Ihren Fortschritt durch die öffnung http://localhost:3000 in Ihrem browser (nach dem starten des Servers). "

Ich weiß, das klingt dumm, (mit mir tragen, da ich bin ein Anfänger mit Reagieren), aber wie starte ich den server in diesem Fall?

Dank.

Marc

InformationsquelleAutor Marc | 2016-03-02
  1. 11

    Ziemlich gute chance, es ist npm start aus dem Projekt-root.

    Ordnungsgemäß verpackt Module haben einige Knoten Skripts konfiguriert package.json. Es ist üblich, verwenden Sie start als das Skript ausgeführt wird, die dev-Umgebung, obwohl einige verwenden könnte build, dev oder andere Namen.

    • Grundsätzlich komme ich aus einer kreativen hintergrund, dass verzweigt in die front-end-design und Entwicklung, vor 12 Jahren also mit comercial Erfahrung in HTML5 CSS3 javascript und jquery. In den vergangenen 3 Jahren, die ich gewonnen habe, ein Interesse an der vertieften Seite des UX strategics sowie die kreativ, ich mag, um aktuell zu halten mit neuen und neu entstehenden Technologien so bin in den Prozess des Lernens über das erstellen von web-apps mit react.js und auch die Theorie und die zukünftige Implementierung von web-Komponenten in diesem Bereich.
    • So kommen von der front-end-design und Entwicklung-Seite der Dinge, im moment bin ich versucht, Stück zusammen, wie würde man erstellen Sie Ordner-Strukturen und im Grunde genommen erstellen Sie eine website mit react.js auf einem node.js server in Verbindung mit HTML und CSS, und technisch, wie diese Sprachen arbeiten gemeinsam an der Entwicklung und der Produktion zu erstellen, die das fertige Produkt oder zumindest ein Prototyp für die weitere Entwicklung.
    • Es wäre schön zu sehen, ein tutorial Gliederung der ganze Prozess mit einem Beispiel-Projekt, Lehr-transfer zwischen den typischen Prozess des Aufbaus einer front-end-Prototyp, um diese über die Verwendung von Knoten und reagieren.
    • Ja, es gibt eine Menge von Redewendungen, die es nicht kommuniziert gut für Anfänger. Ich helfe moderieren reagieren-Entwickler-community, die ist ziemlich freundlich, wenn Sie Fragen haben, join.reactiflux.com
    • OK, das ist toll, danke Carl. Gerade beigetreten. Ich werde weiter mit den tutorials, die ich arbeite und wenn ich noch weitere Fragen stellen, die Ihnen hier oder dort. Danke.
    • wie würden Sie npm start für immer im digitalen Ozean auch nach dem schließen der Klemme
    • Error: missing script: start

    InformationsquelleAutor Carl Vitullo
  2. 2

    Ich verwendete Knoten um den server zu starten. Die Schritte, die ich gefolgt sind:

    1. Ich heruntergeladen, das zip-Paket von dem einen server Laufen Abschnitt
      hier

    2. Hatte ich den link öffnen: http://localhost:3000/

    3. Öffnete ich Node.js Eingabeaufforderung und navigiert zu dem heruntergeladenen
      zip-Projekt. Von Knoten Beispiel hier:

      Geben Sie einfach die Befehle in das Beispiel:
      Erste npm installieren und dann
      Knoten server.js.

      Siehe Screenshot unten:

    Reagieren tutorial - wie fange ich an den node-server für eine reactJs Anwendung?

    Wenn ich aktualisieren die localhost-Seite sehe ich Folgendes:

    Reagieren tutorial - wie fange ich an den node-server für eine reactJs Anwendung?

    • Danke Gloria, dass ist toll. 🙂
    InformationsquelleAutor Gloria
  3. 1

    Klingt wie Sie nach der offiziellen Reagieren tutorial, in welchem Fall die Anweisungen zum starten der verschiedenen mitgelieferten server-Implementierungen sind hier.

    • Dank Rick, ja habe das jetzt 🙂
    InformationsquelleAutor Rick Runyon
  4. 1

    Können Sie alle einem der unten genannten Befehle zum starten des node-server für Ihr reactJs Anwendung:

    1. npm run-Skript start
    2. npm führen start
    3. npm start

    Alle drei oben genannten Befehle sind gleichwertig, aber natürlich haben die Menschen in der Regel verwenden Sie die Letzte als es ist der kürzeste 🙂

    Hier start einfach Karten zu den start Schlüssel vorhanden in der scripts Konfiguration vorhanden in package.json Datei von Ihrem reactJs Anwendung. Wie in der package.json - Datei von meinem reactJs Anwendung, die Ergebnisse im brennen react-scripts start Befehl des npm. Hier ist mein package.json - Datei von meinem hello-world-Anwendung.

    {
  "name": "hello-world",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^15.4.2",
    "react-dom": "^15.4.2"
  },
  "devDependencies": {
    "react-scripts": "0.9.5"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}
    InformationsquelleAutor RBT
  5. 0

    Hier die offizielle installation: link, und offiziell empfohlen tutorials

    # install react cli
npm install -g create-react-app

# create app
create-react-app my-react-app-name

# go to project folder
cd my-react-app-name

# install dependencies
npm install

# start live server
npm start

    Ausgabe:

    $ You can now view my-react-app-name in the browser.

$ Local:            http://localhost:3000/
$ On Your Network:  http://192.168.0.105:3000/

$ Note that the development build is not optimized.
$ To create a production build, use npm build.
    InformationsquelleAutor waLL e
Schreibe einen Kommentar