ToDo backbone LocalStorage is file:// - backbone.js

I have a backbone todo app running locally and I am trying to delete some entries. The "X" 's don't work. And if I delete the local storage through Chrome Dev Tools , they still reappear after I reload. It says "file://" in the list with a Hash as the value, but I cant find a file. It shouldn't work after I delete the reference anyway.Whats going on here that I cant figure out?
Mike

Related

Firefox - Session Storage not being duplicated when duplicating tabs due to session.length

I am working on a React 16 Web App where there is a requirement for users to use the "Duplicate Tab" function and carry the sessions over to the new tab
Edge and Chrome work just fine and copy the session over to the new tab automatically.
However, with Firefox, it's appeared there is a limit on how big the sessionStorage.length for it to be copied over. If we added a lengthy variable in the sessionStorage, it would not copy the whole lot.
I've been trying to find more info about this limit or any work around from this. Any help would be much appreciated.

How to scrape a hidden React component key using selenium

I am trying to scrape a React based website with selenium and python, and i came to a point where, although i can retrieve all that is being 'seen' by Google DevTools Inspector, i am not being able to find the link to the next page i needed to scrape. I could, i guess, do this, in a way where i could click every single button to the next page, although, i was kind of curious to know why selenium has a problem is seeing this particular key and how to workaround this, since i have to build a database and any 'extra' request will add add up exponentially.
Google DevTools Inspect View
As you can see, there is no 'key' or href class anywhere on the tab, but if i look in React DevTools, it is there:
React DevTools Inspect View
So my question is: is there any way i can retrieve those 'keys'?
Are there any better tools to do this job?
Thank you in advance!

Google cloud is caching my static files

Google cloud seems to be caching my static files hence my changes in CSS are not being reflected. How do I go about this.
Note: it's just a simple static site
Its browser issue so please clear your cache
to clear the browser cache in google chorme browser to follow this steps :
On your computer, open Chrome.
At the top right, click More More.
Click More tools and then Clear browsing data.
At the top, choose a time range. To delete everything, select All
time.
Next to "Cookies and other site data" and "Cached images and files,"
check the boxes
Click Clear data.
The issue was from the browser. I cleared the cache and everything works fine

How to use the rehydration with mobx-persist

I am new to mobx-persist. I am not able to figure out how rehydration works in mobx-persist. I tried asking about it in github but got no reply so far. I am wondering if anyone here is able to point me the right direction.
The problem that I am trying to solve is to prevent losing the react states on the page refresh. I want to keep the stats in the session storage and load them back when the page is refreshed. (Note: I managed to do it by accessing the session storage directly from the react store but I thought that mobx-persist might do the better job.)
I created a sample here. https://github.com/michaelsync/js-lab/tree/master/mobx-persist-sample.
You can use the following command to run the sample.
yarn install
yarn start
It has two components called "entry" page and "result". User can enter something in "entry" page and show that data in the "result" page. There is one store called userDataStore that has only one property called data.
When you click on "Click Me" in the entry page, the data that you typed on text box will be saved in user data store. and it retrieves the data back from the result page.
The issue is that when I refresh the page, I still lost the react states. I guess it's because I don't understand how rehydration works in mobx-persist.
The steps to replicate the issue ~
run the program by using yarn start
enter something in textbox and click on "Click me" (It will redirect to the result page)
you will see what you entered in the result page.
Refresh the page (press F5) - the data will be lost.
Can someone please help me with the steps that I need to do in hydration and rehydration?
Note: I don't want to use any server-side code or isomorphic rendering to sync the states for now. using the session storage might be anti-pattern but I see it fit in my tiny project.

Angular App not updating when source files have been changed

I'm trying to develop my first Angular application, however quite often, when I change the source files, the app isn't updating.
I am using Firefox and the Xampp stack. If I change, for example, a view or even a controller, when I refresh my page, I am not seeing the updated changes. I just opened Chrome and it is showing the updated changes.
Is there some sort of caching going on, or any gotchas that I should know about?
Keep your dev-tools open, right-click on the refresh icon, and click 'empty cache and hard reload'. That should do it.

Resources