(Week 2) Monica & Nikema (As a user, I want to set up a new shopping list)
Project Brief: https://github.com/the-collab-lab/tcl-3-smart-shopping-list/blob/master/PROJECT-BRIEF.md
Our Story This Week: https://github.com/the-collab-lab/tcl-3-smart-shopping-list/issues/25
Our PR: https://github.com/the-collab-lab/tcl-3-smart-shopping-list/pull/47
A shopping list consists of a set of items associated with a user’s token. Tokens can be shared with other users to allow them to co-manage a given list. Creating a new list consists of the following:
✅ Generate a new unique token
✅ Save the token to localStorage
✅ Show the user the list view
The following script can be used to generate a suitable token: https://gist.github.com/segdeha/21a42618ce5a54916c5b58d36ec2992e
local storage resources:
- https://www.robinwieruch.de/local-storage-react
- https://medium.com/@andrewmyint/infinite-loop-inside-useeffect-react-hooks-6748de62871
- https://egghead.io/lessons/react-store-values-in-localstorage-with-the-react-useeffect-hook
We meet today! I don't know where to start yet.
TODO: Create the branch for this story (done ✅)
Pairing Session (12/25)
- We were able to import the token.js file to the project and generate a token that was displayed in a component.
After our session, I went back and fixed a bug. The new component wasn't being imported. It was importing List.js twice. I pointed it out on a comment in the commit. (Nikema)
Ok, this is really cool. Check out our branch on codesandbox https://codesandbox.io/s/github/the-collab-lab/tcl-3-smart-shopping-list/tree/mj-np-new-shopping-list/?fontsize=14&hidenavigation=1&theme=dark
Pairing (12/28)
We are running into a problem with calling the getToken function. We want to generate a token and save it to state. I know something is missing but I don’t know what. https://gist.github.com/prophen/70d8371a5e5b5c044ed1c351490ef27c (fixed!)
I made a small change and a new commit.
