Full-Stack React Projects - Second Edition

Static data versus dynamic data

While integrating the game developed using React 360 with the MERN-based application in the next chapter, we will update the React 360 code to fetch game data dynamically from the backend database. This will render the React 360 game view with different games stored in the database. For now, we will start developing the game features here with dummy game data that is set in component state. The sample game data will be set as follows, using the defined game data structure:

game: {  name: 'Space Exploration',  world: 'https://s3.amazonaws.com/mernbook/vrGame/milkyway.jpg',  answerObjects: [    {       objUrl: 'https://s3.amazonaws.com/mernbook/vrGame/planet.obj', mtlUrl: 'https://s3.amazonaws.com/mernbook/vrGame/planet.mtl', ...