jdegand/react-native-tenzies

React Native Tenzies Game

React Native Tenzies

This is a react native conversion of my tenzies app. Used a different implementation of React Confetti and had to replace nanoid with react-native-random-uuid. This was a quick fix and better packages for random id generation exist. The React Confetti cannon package can have some performance issues so I limited the confetti to 100 pieces versus the 200 standard. From the original app, I changed the placement of the won message to above the roll button and changed the styling to prevent the layout shift caused from the win message being conditionally rendered.

Screenshots

---

---

---

---

Useful Resources

• Stack Overflow - generate unique id in react native
• Stack Overflow - react native horizontal flatlist with multiple rows
• Stack Overflow - Pressable recommended
• Stack Overflow - react native styling with conditional
• Github - react native confetti cannon
• Stack Overflow - react native flatlist 2 items per row
• Stack Overflow - change button color react native
• ReactNativeExpress - conditional rendering
• Stack Overflow - react native how to use a boolean
• Stack Overflow - click listener in flatlist
• YouTube - How to use Custom Fonts in React Native Expo
• Github - Expo Config properties