Skip to main content

React

React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. Check out their official documentation here

Deploy a React App

In this tutorial, we have used create-react-app to setup our React project.

  1. Fork/Clone this React-Example repo from github

  2. Click on 'Create New App'

  3. Choose a suitable app name

  4. Choose your github account

  5. Choose the forked github repo/the cloned remote repo

  6. Choose a build system

    1. 'Detect automatically with Nixpicks' - automatically detects the programming language and builds the app
    2. 'Docker' - looks for a Dockerfile in the root of the project and build based on the instructions
  7. Input a start command(optional) - By default uses yarn start

  8. The PORT environment variable is set by Hostless

Sample configuration

sample

Example project

An example project is hosted on https://hostless-react-cra.hostless.app/

Note

  • You may need to increase the memory of the app in the settings page. React app may not run with 128MB memory allocated to it.