Johan Hoareau
React Native Freelance Developer
Mobile Animation & UI Specialist
Reanimated & Skia
About me
Services
I build mobile and web applications with React Native and React, with a strong focus on interface quality and animations. Whether it's a full project or a team reinforcement, I'm involved across the entire chain: architecture, development, deployment.
Mobile App Development
I build mobile applications with React Native, from technical architecture to a production-ready version. A single codebase for iOS and Android, with no compromise on performance or user experience quality.
Mobile Animation Integration for React Native
Animations are not just an aesthetic detail: they boost engagement, improve retention and strengthen the perceived quality of your application. A smooth and responsive interface builds trust and keeps users coming back. I integrate advanced animations directly from your Figma mockups or visual references. Interactive gestures (swipe, drag, zoom), 2D graphic effects, dynamic visualizations, all executed on the native UI thread via Reanimated and React Native Skia for flawless smoothness, even on low-end devices.
Web App Development
I build custom web applications with React and TypeScript: dashboards, management systems, business tools. Rich and interactive interfaces, with careful API and database integration. The ChezPaulus project is a concrete example: a complete fullstack solution, from architecture to deployment.
Projects
react-native-delightful-navigation
Open source shared element transitions library
- Overview
- Why this library
- Technical details
Description
Overview
Shared element transitions are among the most anticipated animations in mobile apps, but their implementation in React Native is complex, poorly documented and often tied to native solutions incompatible with Expo.
I built an open source library with a declarative API (<SharedView tag="..." />) that abstracts all this complexity. It integrates natively with expo-router and react-navigation, works in Managed Workflow, and handles advanced use cases such as dynamic lists, includes/excludes and customizable easing.
The video demonstration illustrates two use cases: a basic transition between two screens, and an advanced use case from a list item to a detail screen with dynamic routes.Status: public beta, currently being tested and improved based on community feedback.
Voice Messaging System
- Overview
- Voice Recording
- Audio Playback
Description
Overview
An instant messaging application needed a complete voice messaging module, from recording to playback, with a user experience on par with current standards (WhatsApp, Telegram). I joined this project as a volunteer to design and implement this module from scratch, within an existing codebase.
The challenge was not only functional: the goal was for every interaction (long press to record, swipe to cancel, audio scrubbing) to be smooth, responsive and natural, even on low-end devices.
Beyond the technical aspect, this project illustrates my ability to quickly integrate into an existing codebase and deliver a complex feature autonomously, in a volunteer collaboration context.Technical Details
ChezPaulus Web App
Testimonial
"The web application developed by Johan transformed the way we manage orders and invoices. Thanks to this solution, we significantly reduced order processing time and improved the organization of our snack bar. His ability to understand our needs and create a tailored interface was remarkable. He was attentive throughout the project and turned our ideas into a practical solution. We are very satisfied with the result and recommend him without hesitation."
- Overview
- Order Taking
- Item Configuration
- Invoice Recording
Description
Overview
Chez Paulus, a snack bar from Reunion Island, was managing orders and invoicing manually, a slow process prone to errors and ill-suited to the pace of a fast-paced service.
I designed and developed a custom POS (Point of Sale) application, optimized for a Surface Pro 2 and its touch interface, taking full ownership of the project: front-end, back-end, deployment and maintenance. The app covers the three essential daily needs:
- Order taking
- Invoice recording
- Item configuration and pre-registration
The interface was designed to minimize the learning curve, quick to pick up, with no documentation required. An employee should be able to use it immediately.
Result: a significant reduction in order processing time and better customer flow management, confirmed by the client's feedback.Technical Details
React Native Animation Collection
- Overview
- Écran de démarrage 1
- Écran de démarrage 2
- Écran de démarrage 3
- Carrousel de soda fruité
- Bottom tab bar 1
- Bottom tab bar 2
- Écran de match BoumBoum
Description
Overview
This project is a personal showcase dedicated to advanced animations in React Native. The goal: take animations designed in Figma or presented in design videos, and reproduce them faithfully in code, smooth, performant and pixel-perfect.
Each animation is implemented with Reanimated 3 and React Native Skia. Reanimated for everything gestural and time-based (transitions, interpolations, gestures), Skia for 2D graphic effects that go beyond the capabilities of the standard native renderer (gradients, custom shapes, visual effects).
This is the project that best illustrates my positioning: transforming a design intent into an immersive mobile experience.Technical Details
About me
I'm a freelance React Native developer, specialized in animated mobile interfaces. What defines me technically is the intersection between logic and visuals: I enjoy solving complex architecture problems as much as bringing unusual animations to life.
Animations have become my preferred playground precisely because they combine technical rigor and visual demands. Faithfully reproducing a Figma design in code, synchronizing gestures with animations on the native UI thread, creating an experience that feels natural to the user: that's the kind of challenge that drives me.
Determined and rigorous, I'm fully committed to every project, from architecture to the final result.
Stack
Toolbox
Let's work together!
You have a mobile or web project, or want to enhance your application with advanced animations? Fill in the form below to give me an overview of your project. I'll get back to you shortly to discuss it.