zesty.io

Product

Use Cases

Integrations

Learn

Guide (Remote React App)

An example project guide in creating a Remote React App

Guide (Remote React App)

#

Github repository for this Walkthrough Guide: https://github.com/zesty-io/zesty-remote-react-example

Getting Started with the Example App

#

Let's start by cloning the example app

Now, let's install and run the app

Understanding the Example Project

In this project, we are using two custom endpoints, /-/basic-api/homepage.json and /-/custom/menulist.json

In our React code, we perform a GET request to these endpoints This can be seen in src/Home.js and src/Menu.js.

Note how the only difference between the local and remote examples is componentDidMount

Using componentDidMount, we're able to fetch our JSON and render it accordingly. After we load it in, it's just a matter of parsing a JS Object.

Additionally, it's not too much different to change this to work locally instead of remotely, as the prior guide shows.

Start Here

We will listen to your needs and walk you through how Zesty can help your team.

Connect with Content Experts

Book a free 15-minute consultation with a content expert. Discuss your application, pain points and requirements. Understand how Zesty's lower total cost of ownership, features, functionality can elevate your business by creating extraordinary digital experiences.

Trusted By

zesty customer logo Sonyzesty customer logo Rocket Leaguezesty customer logo Singlifezesty customer logo Acornszesty customer logo Phoenix Sunszesty customer logo Wattpadzesty customer logo Corner Shopzesty customer logo Bjs

G2 MOMENTUM LEADER

zesty customer logo zesty customer logo zesty customer logo zesty customer logo

Enter your details to connect with a Content Expert

First Name

Last Name

Email

Phone (optional)

Company

Please tell us about your project (optional)