/sample-react

⛵ App Platform sample React application.

Primary LanguageJavaScript

Getting Started

These steps will get this sample application running for you using DigitalOcean.

Note: Following these steps will result in charges for the use of DigitalOcean services

Requirements

Forking the Sample App Source Code

To use all the features of App Platform, you need to be running against your own copy of this application. To make a copy, click the Fork button above and follow the on-screen instructions. In this case, you'll be forking this repo as a starting point for your own app (see Github documentation to learn more about forking repos.

After forking the repo, you should now be viewing this README in your own github org (e.g. https://github.com/<your-org>/sample-react)

Deploying the App

Click this button to deploy the app to the DigitalOcean App Platform.

Deploy to DO

Making Changes to Your App

As long as you left the default Autodeploy option enabled when you first launched this app, you can now make code changes and see them automatically reflected in your live application. During these automatic deployments, your application will never pause or stop serving request because the App Platform offers zero-downtime deployments.

Here's an example code change you can make for this app:

  1. Edit index.html
  2. Change the <title>React App</title> to a different title
  3. Commit the change to master. Normally it's a better practice to create a new branch for your change and then merge that branch to master after review, but for this demo you can commit to master directly.
  4. Visit https://cloud.digitalocean.com/apps and navigate to your sample-react app.
  5. You should see a "Building..." progress indicator, just like above.
  6. Once the build completes successfully, click the "Live App" link in the header and you should see your updated application running (hovering over the live app's tab in your browser should show a new title). You may need to force refresh the page in your browser (e.g. using Shift+Reload).

Learn More

You can learn more about the App Platform and how to manage and update your application at https://www.digitalocean.com/docs/apps/.

Deleting the App

When you no longer need this sample application running live, you can delete it by following these steps:

  1. Visit the Apps control panel at https://cloud.digitalocean.com/apps
  2. Navigate to the sample-react app
  3. Choose "Settings"->"Destroy"

This will delete the app and destroy any underlying DigitalOcean resources

Note: If you don't delete your app, charges for the use of DigitalOcean services will continue to accrue.