DEV Community

loading...
Cover image for Start With React360

Start With React360

itguymax profile image itguymax ・2 min read

Hi guys, this is how you can get started with React360

How to start with React360?

How to start with React360? 🤔

Before going to the How?, Let me tell you What is react360.

From the official documentation react360 is defined as follow:

React 360 is a framework for the creation of 3D and VR user
interfaces. Built on top of React – a library designed to simplify
the creation of complex UI – React 360 allows you to use familiar
tools and concepts to create immersive 360 content on the web.

Well, Facebook has several open source technologies one of them in the web world is Reactjs 👈check it out, I love it 😍 You might love it too.

Basically Reactjs is kind of the backbone of Facebook's open-source tech.

I am not going to write a story about Facebook's tech😉.

Like I was saying, you can easily start with React360 just by following these steps:

Step1: You should have a computer with Node.js installed.

Step2: Install React360 globally

Note: you need to have an internet connection to fetch the data from npm registry

Run the command below in your command line

itguymax:projects apple$ npm install -g react-360-cli

This fetches the latest version of the CLI and installs it on your system.

Step3: Initiate your React360 project

To initiate your React360 project run the following command

itguymax:projects apple$ react-360 init devCDouala360

This creates a new directory called devCDouala360, with all of the files needed to run your project.

Step4: Launch your project 🚀

To launch your project, run the following command

itguymax:projects apple$ cd devCDouala360
itguymax:devCDouala360 apple$ npm start

The server will inspect your project and gather all the data it needs to serve up your JavaScript files.

Step5: See the result on the browser

To see your project, open your web browser and navigate to http://localhost:8081/index.html.

alt React360 devc douala 360

Conclusion

This was just to get you started with React360. Hope you enjoyed reading it. A further post on the topic with an amazing app demo is at the corner.
stay tuned✌️

This post originates from itguymax.me

Discussion (0)

pic
Editor guide