Verstehen, wie ReactJS und NodeJS App funktionieren können

Question

Ich versuche zu lernen, React JS, aber ich habe Schwierigkeiten zu verstehen, wie es mit NodeJS funktionieren soll, sagen wir mit Express.

Bisher Ich verstehe, dass ReactJS "V" in "MVC" ist Diese einfach ist, kann ich bereits einen Code schreiben, mit create reagieren-App

Dies ist, wie ich verstehe, dass:

1. "natürliche" Art der Kombination von React und Express ist einfach Frontend in React und API in Express schreiben (mit Mongo zum Beispiel). Auf diese Weise können wir einfach Ajax Anrufe von Reagieren auf unsere/api und zeigen Daten

2. gibt es auch eine Möglichkeit, Reagieren auf Server-Side-Rendering zu verwenden, die etwas mehr Konfiguration erfordert. So nennen wir/api nicht von Reaktion, wir schreiben Reagieren Sie verwenden, um Code nur die durch Express gemacht werden können

Meine Frage denkt Bin ich richtig? Nicht sicher über all das ... Isomorphic JavaScript irgendwie mit # 2 verwandt?

Answer 1

Sie sind meistens korrekt, aber das serverseitige Rendering bedeutet nicht, dass Sie auch keine API-Anfragen ausgeben. Serverseitiges Rendering ist eine Technik, die verwendet wird, um die anfängliche Ladezeit zu verbessern. Anstatt Ihr Javascript-Paket abzulegen, das dann einige API-Aufrufe macht, um eine Reihe von Daten zu laden, die es rendern muss, führen Sie stattdessen das anfängliche Rendern und Starten der App auf dem Server durch. Der resultierende HTML- und Initialstatus der Anwendung wird dann an den Client zurückgegeben, sodass die App dem Benutzer sofort angezeigt werden kann. Wenn es also um serverseitiges Rendering mit react geht, geht es wirklich um die anfängliche Belastung.

Nach der Initialisierung haben Sie noch eine dynamische Frontend-Anwendung. Am Ende stellst du noch API-Anfragen, wenn der Nutzer mit der App interagiert. Wenn ich auf eine andere Route in der App gehe (vorausgesetzt, es handelt sich um eine App mit einer einzelnen Seite), die zusätzliche Daten erfordert, werde ich immer noch eine GET-Anfrage ausgeben, um diese Daten zu laden. Wenn ich auf eine Schaltfläche klicke, um eine Ressource zu aktualisieren, gebe ich trotzdem eine PUT- oder PATCH-Anfrage aus.

Also in Bezug auf die Frage, wie Express und Reagieren zusammenpassen, bietet express (oder welche Backend-Sprache/Framework Sie verwenden) die API, um mit Daten in Ihrem Datenspeicher zu interagieren. Und reagieren erlaubt Ihnen, Ansichten zu erstellen, die diese Apis verbrauchen. Serverseitiges Rendering ist nur eine zusätzliche Technik, die Sie verwenden können, kein völlig separates Paradigma.