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.
- Mac: On Mac, it is recommend installing Node.js through Homebrew.
- Windows: Get the Windows installer from the nodejs.org download page.
- Linux: Go to the nodejs.org package manager page to find specific instructions for your Linux distribution.
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.
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
Top comments (0)