Enigma.js Applicaiton-ReactJS-Client-Setup

codewander.com-enigma.js-example-reactjs-client-setup-1

This post is part of the Enigma.js example series and describes how to have the ReactJS client setup.

Set up folder

Create a project folder. For this project, I created enigmaJSApp.

Open command prompt an type the following command.

npm i create-react-app -g


01.codewander-enigmajs-create-react-app

Create basic React JS app

Once done, run

create-react-app codewander-qlik-master

(you can create your own app name)

You will see the below response. This means the app has been created successfully and you can launch the basic app to make sure its working .

Start the app and change the title

Go to the project folder, codewander-qlik-master and start the react app.

cd codewander-alik-master

npm start

Now, type the fllowing in the browser and you must see the basic react app coming up as below.

localhost:3000

Now make change to the title,in ./App.js file as

Welcome to codewander qlik master

and you will see the change reflected in the browser.


06.codewander-create-react-app-qlik-master-launch-screen-modified

Now that we have created the basic react app for the client side, we will create the basic server side.

 

 

2 Comments

    • Hi Alan, Thank you.
      Yes, it does work. I am working on detailed instruction, in case, of using the source code as such.
      What is the error you get?

Leave a Reply

Your email address will not be published.


*