William Candillon

Video Guides & Talks

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.