Practical Coding with LocalStorage

[@balaeinstein8710]

this channel is like a paradise for web developers . i am little bit worried that this channel is not so popular . good work sir . Thank you.

[@sakthiveladharapillai7673]

The way you explain, really Awesome! Happy to be a subscriber!

[@SBSS_Future_Truks]

There aren't any videos on this and they teach you how to json.stringify and parse for strings objects but not arrays I've been searching for some more 'Practical' examples you hit it spot on!

[@adityarocker7205]

Your Videos are amazing..... You Explain each and every thing very carefully...... Lots of thanks for providing this type content.....🙏🙏🙏 Keep Going.....

[@MuhammadAdnan2.0]

Well explained.... Can u do it with firebase instead of localstorage ?

[@SteveGriffith-Prof3ssorSt3v3]

Please add any requests for tutorials here - kzbin.info/www/bejne/gnTIq5SuZ9qBacU - so I can keep track of them as well as how many people vote for the topic.

[@MuhammadAdnan2.0]

@@SteveGriffith-Prof3ssorSt3v3 done

[@arvindersingh9863]

Could you make video on service workers and how to write good service workers like stuff?

[@SteveGriffith-Prof3ssorSt3v3]

Please add tutorial requests here - kzbin.info/www/bejne/gnTIq5SuZ9qBacU Or just vote if the topic is already there. Thx.

[@idontwhy3132]

naisu

[@yannicknana]

I am not sure if it's good practice but what do you think about saving an object whose name would be your keybase. Then inside that object you'd have a series of shows keynase: {showA: [charac1, charac2], showB: [charac1, charac2]} So that you wouldn't have to loop through all the localStorage objects ?

[@SteveGriffith-Prof3ssorSt3v3]

Yes. You can definitely do that too. It is all a question of how you want to manage the data. If you will be reading more than writing, if you have large amounts of data and don't want to have to parse one huge object before accessing the array, etc.

[@yannicknana]

Thanks for your reply ! Is localStorage that practical to use in projects ? I personally often "clean" my phone to free space and was wondering if the reccuring browser cleaning also affects localStorage ?

[@SteveGriffith-Prof3ssorSt3v3]

@@yannicknana I use it all the time. It is very useful. Just have to accept the fact that it is not permanent. There is no guarantee it will be there next visit

[@automatyk_]

Very nice. What are the use cases for this in a full app? What happens after we do the localStorage? And I looked up why we need JSON stringify/parse: Local storage can only save strings, so storing objects requires that they be turned into strings using JSON.stringify - you can’t ask local storage to store an object directly because it’ll store “[object Object]”. That also means the object must be run through JSON.parse on the way out of local storage.

[@SteveGriffith-Prof3ssorSt3v3]

kzbin.info/www/bejne/noCmioGanNiInNU - here is my first video on localStorage that explains it.

[@SteveGriffith-Prof3ssorSt3v3]

It's up to you what you do with the data once it is in localStorage. Generally, I treat it as a temporary storage area. If I want something permanent then I will use fetch( ) and send the data to the web server to be put into a database.

[@johnberry1390]

@@SteveGriffith-Prof3ssorSt3v3 This video has been a big help on a class project I'm working on. Do you have a video tutorial on the fetch, web server and database usage? For the final project, I'd like for the data to be a permanent thing. I'm a very junior web dev person and need a lot of hand-holding. Thanks

[@SteveGriffith-Prof3ssorSt3v3]

@@johnberry1390 I have a full playlist on Fetch and Ajax. There is a playlist on serverside NodeJS. I have a playlist on MySQL. No videos on MongoDB yet. Some videos on PHP for serverside. Serverside is a huge topic with many many options and topic areas. There are lots of different databases. There are lots of different languages and frameworks that can be used on the server too. For your project you need to know what languages and technology and databases that you are using.

[@johnberry1390]

@@SteveGriffith-Prof3ssorSt3v3 Thanks for the followup... We are just beginning a series of lessons on REACT, and just finished up a series on JavaScript... I am certainly a long way from being proficient in either... For the project I'm working on, all I really need to be able to do is input text for a main category , say like ITEM1, then input text for 3 or 4 items related to the main input as perhaps 1a, 1b and 1c, so that when you view ITEM1 you would also see 1a, 1b & 1c below it. (sort of how your Shows was a main category and characters was a related item to each show). Using your video as an example, i got the basics of it to work with local storage, but for the class project I need to be able to store it permanently somehow (as well as have the ability to remove data as well). There seem to be endless videos and tutorials out there, and sometimes I think I've watched half of them! :) Just something relatively simple with HTML, CSS & JavaScript would be sufficient for my needs right now. I will attempt to see what you have tutorial wise that I'll have a prayer of comprehending! :) Your help is really appreciated, Thanks!