Use React with Express to build a Web Application

ofrecido por
Coursera Project Network
En este proyecto guiado, tú:

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
IntermediateIntermedio
CloudNo se necesita descarga
VideoVideo de pantalla dividida
Comment DotsInglés (English)
LaptopSolo escritorio

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.

Habilidades que desarrollarás

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

Aprende paso a paso

En un video que se reproduce en una pantalla dividida con tu área de trabajo, tu instructor te guiará en cada paso:

  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.

Cómo funcionan los proyectos guiados

Tu espacio de trabajo es un escritorio virtual directamente en tu navegador, no requiere descarga.

En un video de pantalla dividida, tu instructor te guía paso a paso

Preguntas Frecuentes

Preguntas Frecuentes

¿Tienes más preguntas? Visita el Centro de Ayuda al Alumno.