Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript Building Applications with React and Redux Putting it all Together Solution: The Player Detail Component

Yohan Bae
Yohan Bae
607 Points

How to update the updated data?

Hello, I have a question about storing the updated data.

Let's say I add a player 'John', increase his score to 10 then refresh the web-browser, then the John's information gonna be there? will it be stored in the 'player.js' file?

the video doesn't show that new updated information is actually updated so it can be displayed after refresh the browser.

Is there any other video that helps this question?

1 Answer

Zack Lee
PLUS
Zack Lee
Courses Plus Student 17,662 Points

you have to look into local storage. The data cannot persist after refresh unless it is explicitly being stored somewhere. You could store this data is a database and retrieve/update it, or you can make use of the browsers local storage which will hold bits of data for you which you can then retrieve at the start up of your application and plug it into you app state.

each of these solutions require some more configuration/code in your app.js file. You'll essentially want to grab your state, store it in one of the ways mentioned and then access that data on startup and plug it back into your state.

Zack Lee
Zack Lee
Courses Plus Student 17,662 Points

there are treehouse courses which go over local storage and working with databases. The database will be the more difficult solution as it requires more setup.