// Sketchy's journal, the whole DB// boils down to four tables and a// single sync expo-sqlite handle.const db = SQLite.openDatabaseSync('journal.db')
Behind the scenes of Sketchy, a skate companion app built on Expo SDK 55, React Native 0.83, expo-sqlite, OpenStreetMap and EAS, with the New Architecture and React Compiler turned on.
<PressableaccessibilityRole="button"accessibilityLabel="Submit form"onPress={handlePress}/>
What VoiceOver and TalkBack actually need from your app. Semantic roles, focus management, live regions, and the handful of props that make all the difference.
<button aria-label="Hide emoji">X</button><img src={src} alt="Red warning sign" /><input aria-required="true" aria-label="Name" />
Tips and tricks, tooling and best practices for web accessibility.
const intervalRef = useRef(null)const resetGame = useCallback(() => {clearInterval(intervalRef.current)}, [])
What I learned refactoring two browser games: grouping state, useReducer, stale closures, timer cleanup, render-time randomisation bugs, and replacing three intervals with one rAF loop.
const { userId } = useLocalSearchParams()useEffect(() => {getUserDetails(userId).then(setUser)}, [userId])
Expo, EAS & Expo Router: one codebase covering web, Android, and iOS, with managed workflows, OTA updates, and file-based routing.
export const resources = {en, fr,} as consttype Locale = keyof typeof resources
Get full TypeScript intellisense for your i18n translations using "as const".
// arrow: 'this' is always the classlogName = () => console.log(this.name)// function: 'this' depends on callerlogName() { console.log(this.name) }
Learn the differences between normal functions and ES6 arrow functions.
if (true) {var x = 1}console.log(x) // 1, var leaks out!
Learn about scope chain, hoisting, lexical scoping and the key differences between var, let and const.
const Btn = ({ onClick, children }) => (<button onClick={onClick}>{children}</button>)
Understanding component composition in React with a simple food orders app.
Shoot incoming particles before they collide with you.
A reaction speed game. How many positive emojis can you react to?
Match the target colour as fast as you can. Build streaks for bonus points!
Your skateboarding companion
8,000+ tricks to roll, firing lines with billions of combos, a roguelike climb mode, 30,000 spots on the map and a new trick on your lock screen every morning. Built for skaters, by a skater.
Kickflip
The home of Sketchy, my skateboarding app, with the original Skate Dice still rolling in your browser. Pick your tricks, roll the dice and land whatever comes up.
Visit skate-dice.com
pushandprogress.comSkateboarding lessons with accredited instructors across Northern Ireland.
Visit pushandprogress.comYour corner between rounds. Timers, combo generators, and session tracking for boxing training.