Can I deploy my ReactJS app on a regular host?

reactjs web deployment hosting host
Julio picture Julio · Jun 16, 2017 · Viewed 15.6k times · Source

I'm new to React, and I've seen many guides where people teach you how to deploy your react app on services like digital ocean, heroku, GitHub Pages, aws. But I'm wondering if I can deploy my React app (create-react-app) which consists of only front end in a host service like 000webhost or Ipage? Because a person wants me to design a website, and he says that he already has a domain name and a host service in lpage.

Thanks in advance

Answer

croraf picture croraf · Jun 16, 2017

I use webpack to bundle my react app. So at the end react app will be:

  • one bundle (rarely more if you use dynamic bundle loading - probably not), that is just a javascript file
  • your index.html that includes this file at the end of body
  • and your .css that you can set in principle in one file (or separate folder with several files) and include at the top of your index.html

Regarding .css there are several better ways how to include, but you can likely start with simple setup as mentioned above.

So you just put these 3 things on your server, and your app is available at index.html.

P.S. Don't know what is Ipage, and haven't worked with create-react-app.

Related questions

React how to update another component's state?

I am pretty new to react, trying to make some components work. I have ObjectA:React.createClass({ propTypes: { ... }, getInitialState: function() { return { myState: null } }, updateMyState: function(value) { this.setState({ myState: value }) } render: function() { return (<div className="my-class">'hello' +{this.…

Read More
How to disable dropdown when a specific option is selected in React?

I have implemented a table using React Table(https://react-table.js.org). I populate the data based on the data I get from server. Right now I have two filter dropdowns on top of two columns. I want to disable …

Read More
Can you force a React component to rerender without calling setState?

I have an external (to the component), observable object that I want to listen for changes on. When the object is updated it emits change events, and then I want to rerender the component when any change is detected. With …

Read More