# React
Demo: [Memory game](https://mellow-stardust-0186d5.netlify.app/) @Y
---
## How did we work? @L
<iframe src="https://giphy.com/embed/WgZVVxIRvBdYPPBRKL" width="480" height="480" frameBorder="0" class="giphy-embed" allowFullScreen></iframe><p><a href="https://giphy.com/gifs/abcnetwork-abc-the-wonder-years-WgZVVxIRvBdYPPBRKL"></a></p>
----
- did not assign fixed roles
- created file structure together
- agreed to take breaks hourly
- swapping teams
- on Thursday we mainly worked in one pair and one person individually
----
- wrote 3-4 bigger issues and broke them down into smaller pieces


---
## What we learnt: @M
- useState - the component rerenders every time a state is changed
- useState for dynamic elements
- using Vite
- deploy to Netlify
- Router vs localStorage + State
- className (React) vs class(HTML)
---
## What we struggled with @Y

----
### working in group of 3 remotely

----
### useState and re-randomising

----
### flip animation

----
### making sure the code was clean as we wrote it

----
### timing

---
## Something we're proud of @L
- creating a game that works .... just about
- using local storage to store username (stretch goal)
- managed to work in group of three
---
## Thanks for listening! @M

{"metaMigratedAt":"2023-06-17T12:22:35.432Z","metaMigratedFrom":"Content","title":"React","breaks":true,"contributors":"[{\"id\":\"bcf1b8f1-7115-4db4-8670-fbad5797945d\",\"add\":928,\"del\":414},{\"id\":\"7e5aa25f-1225-4243-a52c-8a518df4a6fb\",\"add\":2702,\"del\":1358},{\"id\":\"85bf9bcd-3fb6-4c9b-8a84-7f44e1efe568\",\"add\":579,\"del\":446}]"}