Use React with Express to build a Web Application

von
Coursera Project Network
In diesem angeleitetes Projekt werden Sie:

Organize and Set up Express to allow Server Access from another Port.

Add State to the React Component to Fetch API JSON data.

Access the JSON data and Render it on the Webpage using React.

Clock2 hours
IntermediateMittel
CloudKein Download erforderlich
VideoVideo auf geteiltem Bildschirm
Comment DotsEnglisch
LaptopNur Desktop

By the end of this project, you will use React with Express to build a Web Application that consumes JSON data from an existing Express API. Often, a dynamic web application consists of many different technologies and programming languages. Creating a web application with NodeJS, Express, and React allows the developer to use JavaScript throughout the stack with a focus on the logic rather than the language. Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.

Kompetenzen, die Sie erwerben werden

  • JavaScript CORS
  • React state
  • Express API
  • React Processsing JSON
  • React Consuming API

Schritt für Schritt lernen

In einem Video, das auf einer Hälfte Ihres Arbeitsbereichs abgespielt wird, führt Sie Ihr Dozent durch diese Schritte:

  1. Set up the Express and React Project and directory structures.

  2. Organize and Set up Express to allow Server Access from another Port.

  3. Create the React Component to House the Data.

  4. Add State to the React Component to Fetch API JSON data.

  5. Access the JSON data and Render it on the Webpage using React.

Ablauf angeleiteter Projekte

Ihr Arbeitsbereich ist ein Cloud-Desktop direkt in Ihrem Browser, kein Download erforderlich

Ihr Dozent leitet Sie in einem Video mit geteiltem Bildschirm Schritt für Schritt an.

Häufig gestellte Fragen

Häufig gestellte Fragen

Haben Sie weitere Fragen? Besuchen Sie das Learner Help Center.