William Candillon

Video Guides & Talks

Fluid Body Animation (youtube.com)
Sep 15, 2020
Fluid body animation using Bézier Curves and Reanimated 2.
Wave Animation (youtube.com)
Sep 01, 2020
Building a wave animation using Bézier Curves.
Measures with Reanimated 2 (youtube.com)
Aug 18, 2020
In this video, we are looking a making animations via the dbrand.com color selection.
Masking Animations with React Native (youtube.com)
Aug 11, 2020
In this video, we are looking a making animations via the dbrand.com color selection.
Cards — React Native Fashion (youtube.com)
Jul 31, 2020
In this series, we are building a React Native App from 0 to 1.
Drawer — React Native Fashion (youtube.com)
Jul 30, 2020
In this series, we are building a React Native App from 0 to 1.
Nested Navigator — React Native Fashion (youtube.com)
Jul 29, 2020
In this series, we are building a React Native App from 0 to 1.
React Native Charts with Reanimated 2 (youtube.com)
Jul 28, 2020
In this video, we are building an interactive Graph with Reanimated 2.
Forgot Password — React Native Fashion (youtube.com)
Jul 24, 2020
In this series, we are building a React Native App from 0 to 1.
SignUp — React Native Fashion (youtube.com)
Jul 23, 2020
In this series, we are building a React Native App from 0 to 1.
Formik — React Native Fashion (youtube.com)
Jul 22, 2020
In this series, we are building a React Native App from 0 to 1.
iOS-Style Picker with React Native (youtube.com)
Jul 21, 2020
In this video, we are building the iOS-Style Picker with React Native Gesture Handler and Reanimated.
Text Inputs — React Native Fashion (youtube.com)
Jul 17, 2020
In this series, we are building a React Native App from 0 to 1.
Login — React Native Fashion (youtube.com)
Jul 16, 2020
In this series, we are building a React Native App from 0 to 1.
Restyle - React Native Fashion (youtube.com)
Jul 10, 2020
In this series, we are building a React Native App from 0 to 1.
Slider - React Native Fashion (youtube.com)
Jul 09, 2020
In this series, we are building a React Native App from 0 to 1.
Boilerplate - React Native Fashion (youtube.com)
Jul 08, 2020
In this series, we are building a React Native App from 0 to 1.
Talking Reanimated 2 with Krzysztof Magiera (youtube.com)
Jul 07, 2020
In this video, we are talking with Krzysztof Magiera, director of engineering at Software Mansion, co-created of React Native Android and creator of Gesture Handler and Reanimated. Hope that you enjoy the discussion.
Ripple Effect with React Native (youtube.com)
Jun 30, 2020
In this video, we are building the Android Ripple Effect with React Native Gesture Handler and Reanimated
Beautiful Trigonometry - React Native (youtube.com)
Jun 23, 2020
In this video, we are building some of the animations from the Beautiful Trigonometry from Numberphile.
Uber Swipe to Delete - “Can it be done in React Native?” (youtube.com)
Jun 16, 2020
In this video, we are looking at the Uber Eats Swipe to Delete user interaction.
Reanimated 2 Transitions (youtube.com)
Jun 09, 2020
In this video, we look at transitions with Reanimated 2.
Learn React Native Gestures and Animations (youtube.com)
Jun 05, 2020
In this React Native course, you will learn how to add declarative gestures and animations to your React Native projects.
The 5-min Reanimated Worklet (youtube.com)
Jun 02, 2020
In this video, we get to know animation worklets from Reanimated 2.
WhatsApp Photos - “Can it be done in React Native?” (youtube.com)
May 19, 2020
In this video, we are looking at the WhatsApp Photos user-interaction.
The 10-min React Native Wallet Animation (youtube.com)
May 15, 2020
In this video, we build an animation provided to use by the amazing Mengo To from https://designcode.io
The 10-min React Native Swipe (youtube.com)
May 12, 2020
In this video, we build a swiper with React Native.
Making a 3D Engine with React Native (youtube.com)
May 06, 2020
In this video, we build a baby 3d engine with React Native.
The 10-min React Native Skew & Tween Transforms (youtube.com)
May 05, 2020
In this video, we showcase the decompose2d and tween function from redash.
The 5-min Rotation Gesture (+ 5-min Bonus) (youtube.com)
Apr 28, 2020
In this video, we use the RotationGestureHandler for the first time.
React Native & D3: Japanese Candlestick Chart (youtube.com)
Apr 09, 2020
In this clip, we build a simple D3 Candlestick chart using D3.
React Native Pinch Gesture (youtube.com)
Apr 09, 2020
In this clip, we build a simple circular gesture using React Native Gesture Handler and Reanimated.
Instagram Pinch-to-Zoom - “Can it be done in React Native?” (youtube.com)
Mar 31, 2020
In this video, we are looking at the Instagram pinch-to-zoom effect.
The Heart of React Native Transform (youtube.com)
Mar 24, 2020
In today's video, we will be looking at React Native transforms.
React Native Long Press Animation Challenge (youtube.com)
Mar 17, 2020
In today's video, we will be looking to implement in React Native the animation challenge.
React Native 3D Animations Challenge (youtube.com)
Mar 10, 2020
In today's video, we will be looking to implement in React Native the following animation challenge.
React Native Tabbar Animation Challenge (youtube.com)
Mar 03, 2020
In today's video, we will be looking to implement in React Native the following animation challenge.
Airbnb Shared Transition - “Can it be done in React Native?” (youtube.com)
Feb 18, 2020
In this video, we are building the Airbnb Shared Element Transition.
The 10-Minute Pixel Rounding (youtube.com)
Feb 13, 2020
In this video, we are looking at React Native pixel rounding.
Bootstrapping a React Native Project in 2020 (youtube.com)
Jan 21, 2020
Same time last year I did a video on how to bootstrap a React Native project in 2019 so what changed since?
The 5 Minute React Native Masked View (youtube.com)
Jan 10, 2020
In this video, we are building an angular gradient in React Native using a masked view.
First look: OpenGL Shaders in React Native (youtube.com)
Jan 07, 2020
In this video, we are building our first OpenGL Shader in React Native.
iPod Classic - “Can it be done in React Native?” (youtube.com)
Jan 01, 2020
In this video, we are building a nice throwback: the iPod Classic using a phone touch screen.
Uber Eats Sticky Header - “Can it be done in React Native?” (youtube.com)
Dec 23, 2019
In this video, we are building the Uber Eats sticky header.
Google Chrome Tab Ordering - “Can it be done in React Native?” (youtube.com)
Oct 22, 2019
In this video, we are building the Google Chrome Tab ordering feature.
Liquid Swipe - “Can it be done in React Native?” (youtube.com)
Oct 08, 2019
In this video, we are building the Liquid Swipe example from Cuberto.
Spotify Player - “Can it be done in React Native?” (youtube.com)
Sep 10, 2019
In this video, we are building the Spotify bottom sheet gesture and animation using React Native.
The 5 minutes React Native Tap Gesture (youtube.com)
Jul 29, 2019
In this video, we make some fancy tap gesture animation with React Native Reanimated and Gesture Handler.
The 5 minutes React Native Animation Loop (youtube.com)
Jul 23, 2019
In this video, we make some loop animations in React Native using Reanimated.
BBC iPlayer - “Can it be done in React Native?” (youtube.com)
Jul 16, 2019
In this video, we are building the BBC iPlayer using React Native.
The 5 minutes React Native Declarative Animation (youtube.com)
Jul 04, 2019
In this video, we are a simple animation using React Native.
Safari Tabs - “Can it be done in React Native?” (youtube.com)
Jul 02, 2019
In this video, we are building the iOS Safari Tabs animations using React Native.
The 5 minutes React Native SVG Path Morphing (youtube.com)
Jun 25, 2019
In this video, we are building an SVG Path morphing in 5 minutes using React Native.
The 5 minutes React Native D3 & SVG Animation (youtube.com)
Jun 11, 2019
In this video, we are building a D3/SVG graph animation in 5 minutes using React Native.
The 5 minutes React Native Custom Slider (youtube.com)
May 02, 2019
In this video, we are building a custom slider in 5 minutes using React Native.
Apple Bedtime - “Can it be done in React Native?” (youtube.com)
Apr 25, 2019
In this video, we are looking at the Apple Bedtime feature.
Learnji - “Can it be done in React Native?” (youtube.com)
Apr 20, 2019
In this video, we are looking at the Learnji app.
Clear Todos Pinching - “Can it be done in React Native?” (youtube.com)
Apr 08, 2019
In this video, we are looking at the Google Chrome refresh effect.
The 5 minutes React Native 3D Animation (youtube.com)
Mar 28, 2019
In this video, we are building a 3D animation in 5 minute using React Native.
Tabbar Animation Challenge (youtube.com)
Mar 13, 2019
In today's live stream, we will be looking to implement in React Native the Tabbar animation challenge.
3D Flip Animations in React Native (youtube.com)
Feb 21, 2019
In this video, we are looking at the Flipboard 3d animation. This video is all about 3D transformations in React Native.
Flipboard - “Can it be done in React Native?” (youtube.com)
Feb 18, 2019
In this video, we are looking at the Flipboard 3d animation. Hope that you will enjoy the video! 😀 Let me know what you think.
Bootstrapping a React Native Project in 2019 (youtube.com)
Jan 22, 2019
In this video, I'm demonstrating my favorite way bootstrap React Native Project this year!
YouTube Transitions - “Can it be done in React Native?” (youtube.com)
Dec 31, 2018
In this video, we are looking at the YouTube app transitions.
Building a Seed Project with React Native Elements (youtube.com)
Nov 15, 2018
This video is for React Native Elements users that are looking to build quickly a new seed project.
    Snapchat Discovery - “Can it be done in React Native?” (youtube.com)
    Nov 12, 2018
    In this video, we are looking at the Snapchat app. We use React Native gesture-handler and reanimated to implement the swiping out animation from the discovery section of the app. We use two new modules: Gesture Handler and Reanimated 🙌🏻Hope that you will enjoy the video! 😀 Let me know your thoughts on this.
    Withings Health Mate - “Can it be done in React Native?” (youtube.com)
    Nov 05, 2018
    In this video, we are looking at the Withing Health Mate app. They have a nice component to select your target weight and we try to clone it in React Native.
    Instagram Stories - “Can it be done in React Native?” (youtube.com)
    Oct 29, 2018
    In this video, we are looking at the Instagram stories transition effect. We build 3 solutions to this problem: each solution has a different level of precision and simplicity.
    Freeletics Running - “Can it be done in React Native?” (youtube.com)
    Oct 22, 2018
    In this video, we are looking at the Freeletics running app. We use the Location API to track the position of the phone and to compute the pace/distance ran. We then use maps and SVG to display the position of the phone and a nice circular progress bar.
    Headspace Meditation - “Can it be done in React Native?” (youtube.com)
    Oct 16, 2018
    In this video, we are looking at the Headspace meditation app. We are cloning one of the smooth animations it provides by using SVG Morph first and then we take a look at building the same effect with After Effects / Lottie.
    Soundcloud Audio Player - “Can it be done in React Native?” (youtube.com)
    Oct 10, 2018
    In this video, we try to clone the Soundcloud audio player using React Native.
    Revolut Chart - “Can it be done in React Native?” (youtube.com)
    Oct 03, 2018
    In this video we try to clone the beautiful chart from the Revolut app using React Native and D3.
    Google Chrome iOS Tabs - “Can it be done in React Native?” (youtube.com)
    Sep 26, 2018
    In this video, we try to clone the cool animations from Google Chrome iOS tabs.
    Joe & the Juice Cards - “Can it be done in React Native?” (youtube.com)
    Sep 03, 2018
    In this video we implement an apple wallet style animation in React Native.
    Custom Icons and Typographies in React Native (youtube.com)
    Jun 17, 2018
    Notes on custom Icons and Typographies in React Native using Expo.
    Flow vs TypeScript in React :  my two cents (youtube.com)
    May 18, 2018
    Should you use Flow or TypeScript in your next React project? I recently had a bit of a dilemma with it for a new project and I would like to share my experience with it.
    Notes from Upgrading to Expo 26 (youtube.com)
    Apr 27, 2018
    These are my notes from upgrading all the starter kits from https://react-native.shop/ to expo 26.
    MobX vs Redux vs setState: my two cents (youtube.com)
    Mar 22, 2018
    In this video, I would like to address what is by far, the most asked question on Sketch Elements: Why do you use MobX? I'm excited to give my take but also to hear your thoughts on that topic.
    React Native Fiber — a starter kit focused on animations (youtube.com)
    Dec 04, 2017
    Fiber is an iOS and Android React Native theme heavily focused on animations. It is inspired by Fiber from Framer.
    Scroll Animations in React Native (youtube.com)
    Nov 26, 2017
    Small coding session that showcases how to use the React Native Animated API for scrolling animations.

    Articles & Tutorials

    React Native Gestures & Animations: you only have 16ms to render everything (codeburst.io)
    Aug 27, 2019
    The default Gesture and Animation APIs from React Native have some small declarative parts but they are mostly imperative: in most cases, they rely on communication between the JS and Native thread.

    Courses & Video Series

    React Native Gestures and Animations (start-react-native.dev)
    Aug 25, 2019
    Learn to leverage the power of declarative gestures and animations in order to build delightful user experiences that run at 60 fps even on low-grade Android devices.
    React Native Fiber with Firebase (youtube.com)
    Dec 05, 2017
    Adding Firebase support to a React Native starter kit that I've built.