🛠️ Development Workshops
Hands-on learning experiences to master new technologies and techniques
React Architecture Workshops
A practical workshop on building scalable, maintainable React applications. Covers component architecture, state management, data fetching patterns, design systems, performance optimization, and production best practices.
Building an ADC Keyboard on ESP32
A hands-on workshop where you learn how to build, read, and decode an analog (ADC) keyboard on the ESP32. We go from the hardware theory—voltage dividers, key ladders, and ADC channels—to writing a reusable driver with debouncing, long-press detection, callbacks, and multi-keyboard support. Perfect for anyone building IoT devices, custom controllers, or embedded UX.
Mastering Fireback
A complete workshop to learn Fireback — from setup to building production-grade backends and cross-platform apps. Covers definitions, code generation, CLI usage, database integration, and embedding backends in mobile and desktop apps.
React & React Native Translations Done Right Once
The significance of translations appears to be overlooked, with the second language often treated as an afterthought in my projects; some even begin with non-English strings hardcoded in templates, only to encounter challenges later when attempting to modify them, as the lack of type safety prevents immediate detection of all occurrences, resulting in an inconsistent user experience where English words may unexpectedly appear in a Spanish interface, negatively impacting the brand's reputation.
ATS-01 Standard for React Native List based projects
Lists are a core UI pattern in mobile apps, yet they're often implemented inconsistently. Common issues include missing keys, unoptimized rendering of large datasets, poor accessibility, and lack of uniform styling, which leads to janky scrolling, memory leaks, or a fragmented UX. Following best practices ensures performant, maintainable, and accessible lists that feel native and cohesive across screens, enhancing both developer efficiency and user satisfaction.
Why Use Lottie in React Native Projects
Animations often make or break the perceived quality of a mobile app. Using static images or simple GIFs feels outdated and can hurt performance. Lottie allows you to ship high-quality, lightweight, vector-based animations directly from After Effects, ensuring smooth playback on all devices. In my projects, these two Lottie animations demonstrate how engaging micro-interactions and seamless transitions can elevate UX, reduce development effort, and make the app feel polished without bloating the bundle size.