useUrlState

Links

1. Example 1
   https://useurlstate.netlify.app/?language=Svelte&pet=Cat

   • Repo: https://github.com/reeddunkle/useUrlState-demo

2. Example 2
   https://www.zmpuzzle.com/?clickedTiles=0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,1,0,0,1,0,0,0,1,1,0&startingClickedTiles=0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,1,0,0,1,0,0,0,1,1,0

   • Repo: https://github.com/reeddunkle/zmpuzzle

3. Example 3
   https://www.zmpuzzle.com/?clickedTiles=0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0&startingClickedTiles=0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0

4. React-Router useSearchParams
   https://github.com/remix-run/react-router/blob/main/packages/react-router-dom/index.tsx#L851

5. Link to slides
   https://docs.google.com/presentation/d/1Cgv99oESi0pNvYkLRhQikphOq8oYOrr69CbYVBEniIA/edit?usp=sharing

Query strings as data source

• App.js
• useUrlState