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