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