I’m building a mobile game using Expo and React Native. By combining FlatList and React Native’s new architecture with the Hermes JS engine enabled, I get ~120 frames per second performance on my old Android phone, even with long lists of components containing text, images and buttons. I didn’t even know my phone went to 120 fps.
Continue reading 120 fps in React Native
Fight Clock: Boxing/HIIT Timer App
I just launched Fight Clock, an app for round timing of boxing, MMA and Muay Thai – 3 of my hobbies, when lack of injuries permits. It’s built using Expo / React Native / TypeScript. So the same code base will work seamlessly on web, Android and iOS.
But the USP of Expo / React Native is actually the ability to push small fixes and updates ‘OTA’, without requiring a new mobile release. This way, fixes can be delivered to users transparently in minutes, not days.
Realtime finance chart app
I created this app as a simple demonstration of how to use WebSockets to chart real-time finance data (in this case Bitcoin’s price) using Twelvedata APIs, React (specifically Next.js) and vector drawing library D3.js.
Reack and Morquery
Here’s an example app which uses React Query to add the superpowers of caching, de-bouncing, and automatic cancellation/retries to a simple fetch-based React app. The source is available here – it’s all TypeScript and includes some E2E tests.
Continue reading Reack and Morquery