Setting up front end in Ubuntu 16.04 desktop
Last updated
Last updated
Install of Front end react app on Ubuntu 16.04 could be tricky. After few struggle, I could able to set up everything. Through this document, I am trying to give a step by step process to do it. There are certain challenges that I shall mention and how to avoid the same.
Front end react app can be downloaded /cloned from https://github.com/omalab/react-app.
Docker installation:
Prerequisite: https://docs.docker.com/install/linux/docker-ce/ubuntu/
Follow the instruction given on the above given URL. I have installed the following version of docker.
Install nodejs and npm could be tricky. It is important that we should install the latest versions. Follow this URL for latest instructions: https://nodejs.org/en/download/package-manager/#debian-and-ubuntu-based-linux-distributions
Installing Nodejs 9:
This URL can be useful as well: https://askubuntu.com/questions/594656/how-to-install-the-latest-versions-of-nodejs-and-npm
Note: npm is bundled with nodejs now.
Follow the instruction from here to install yarn: https://yarnpkg.com/lang/en/docs/install/
On Debian or Ubuntu Linux, you can install Yarn via our Debian package repository. You will first need to configure the repository:
On Ubuntu 16.04 or below and Debian Stable, you will also need to configurethe NodeSource repositoryto get a new enough version of Node.js.
Then you can simply:
Download the react app on a desired folder and extract it. Typical folder structure should look like this:
Update the environment file with desired entries. (Get the entry from your manager). If you are doing it for the first time, you will find a file name called .env.sample. Please rename that as .env file.
Update your local host with following entry:
Navigate to the folder and launch the application through yarn