William Candillon Profile Banner
William Candillon Profile
William Candillon

@wcandillon

Followers
26,923
Following
298
Media
814
Statuses
5,716

Maker of the “Can it be done in React Native?” YouTube series ⚛️📺

Zürich
Joined April 2008
Don't wanna be here? Send us removal request.
Explore trending content on Musk Viewer
Pinned Tweet
@wcandillon
William Candillon
3 years
Liquid Swipe - “Can it be done in React Native?”
27
80
904
@wcandillon
William Candillon
1 year
And we're back
87
267
4K
@wcandillon
William Candillon
5 years
Sunday tinkering
48
199
2K
@wcandillon
William Candillon
5 years
Soon on "Can it be done in React Native?", we take a React Native hooks and Reanimated transitions for a ride as we look at the @Monzo card selection
19
164
1K
@wcandillon
William Candillon
3 years
Lack of support for the Nokia 3310 in React Native was always the elephant in the room. So happy about this groundbreaking milestone
15
180
1K
@wcandillon
William Candillon
1 year
This will all make sense soon
21
115
1K
@wcandillon
William Candillon
3 years
Just realised that JSX has a syntax to support generics
Tweet media one
33
139
1K
@wcandillon
William Candillon
4 years
The next episode of “Can it be done in React Native?” is about using trigonometry to build a fun throwback.
19
109
990
@wcandillon
William Candillon
2 years
Gang, please use those shadows responsibly 😉
30
69
865
@wcandillon
William Candillon
4 months
JS Animations are gonna hit differently in 2024
Tweet media one
22
74
872
@wcandillon
William Candillon
4 years
Using masked views and state transitions to implement the @dbrand color selection.
18
56
779
@wcandillon
William Candillon
5 years
Liquid Swipe - “Can it be done in React Native?” premieres today. I'll be in the chat answering questions.
14
115
766
@wcandillon
William Candillon
9 months
I talked the talk @appjs , now walking the walk
15
47
736
@wcandillon
William Candillon
3 years
The Math behind animations is a new series that explores the simple and yet powerful mathematical tools that are used in everyday apps. The goal is to showcase how useful these topics can be when seen under the prism of app development.
20
91
717
@wcandillon
William Candillon
4 years
JavaScript keywords I haven't used in years: let, for, and this.
49
54
683
@wcandillon
William Candillon
4 years
I'm starting a new series where we will build a React Native App from scratch. Hope you'll enjoy it.
25
103
711
@wcandillon
William Candillon
1 year
You can copy/paste shader code between Flutter and React Native, so that's fun ☺️🙌🏼
@roaakdm
Roaa 🦄💙
1 year
The UIs you can create with #Flutter and some #Shader magic! 🪄🤩👇🏼 👩🏻‍💻 Source code: Implementation details👇🏼
42
141
844
5
52
649
@wcandillon
William Candillon
2 years
Just wrote a small script to refund all Ukrainian subscribers of . All refunds were successful. Slava Ukraini. Heroiam slava! 🇺🇦
Tweet media one
20
35
607
@wcandillon
William Candillon
2 years
"It's warm and it's playful and it needs to say hello!" 😅
5
31
506
@wcandillon
William Candillon
6 months
Next React Native Skia release may hit differently on Android
7
37
506
@wcandillon
William Candillon
6 months
Built in React Native and with Skia
@benawad
Ben Awad
6 months
Voidpet won the best personal growth app of 2023 🤯
Tweet media one
72
83
2K
4
38
504
@wcandillon
William Candillon
4 years
If acos() is involved, you know it's gonna be good :)
7
39
490
@wcandillon
William Candillon
2 years
Build delightful charts with React Native Skia
8
44
487
@wcandillon
William Candillon
4 years
Excited to soon start a conversation about shared transitions in React Native.
14
48
485
@wcandillon
William Candillon
3 years
This helper type from React is indeed very helpful
Tweet media one
5
65
473
@wcandillon
William Candillon
4 months
let’s goo ☺️
@margelo_io
Margelo
4 months
Announcing react-native-skottie - a library to run Lottie animations using Skia's GPU-accelerated engine! 🥳 1.0.0 is out now! 🚀
47
180
1K
2
25
472
@wcandillon
William Candillon
4 years
When you go back to the code you wrote late last night
Tweet media one
15
33
453
@wcandillon
William Candillon
1 year
Reanimated 2 was such a breakthrough that I often catch myself say "Reanimated 2 version 3". If you use Skia Reanimated 3 will do wonders for you.
8
36
448
@wcandillon
William Candillon
7 months
A friendly reminder to use Reanimated v3 for animating Skia.
5
23
425
@wcandillon
William Candillon
4 years
The 10-min React Native Wallet Animation is live Popcorn Big thank you to @MengTo for being such a well of inspiration.
3
51
416
@wcandillon
William Candillon
8 months
Back to the web: we introduced canvaskit-js, a 20kb polyfill of canvaskit-wasm that targets web APIs directly. The project was built around three main use cases: * React Native Skia * Flutter * Vanilla Web development Eager to hear your feedback on this.
15
58
407
@wcandillon
William Candillon
2 years
I've seen some confusion around this topic lately: the Native part in React Native stands for native.
10
51
403
@wcandillon
William Candillon
3 years
Next week's video? Convincing you that these Bézier curves are fairly easy to build from scratch.
12
24
397
@wcandillon
William Candillon
4 years
React Native Charts with Reanimated 2
9
43
394
@wcandillon
William Candillon
4 years
Can it be done in React Native comes back next week. Are you ready for it?
15
38
396
@wcandillon
William Candillon
6 months
We're about to offer 3d transforms in RN Skia. Now, I would like the blur value of the pixel to be based on the z coordinate. That should be doable, right.
6
30
393
@wcandillon
William Candillon
4 months
Gang, it's 2024. This is how we write JS animations now, right?
10
26
392
@wcandillon
William Candillon
2 years
When you make a (beautiful?) mistake
8
19
385
@wcandillon
William Candillon
4 years
Masking Animations with React Native
6
47
363
@wcandillon
William Candillon
4 years
SVG Animations with React Native
4
46
358
@wcandillon
William Candillon
4 years
Animation Worklets are not only a better API. It's a more powerful one too. Here the text values are formatted on the UI thread, which was not previously doable in v1.
8
35
360
@wcandillon
William Candillon
5 years
My summer project. Stay tuned.
Tweet media one
23
26
356
@wcandillon
William Candillon
9 months
This was by far the most requested tutorial since @appjsconf
9
41
355
@wcandillon
William Candillon
5 years
SVG Morphing with React Native Reanimated is not perfect yet but it's getting there, I will investigate Android support as well as Rotational Path morphing for smoother effects.
7
33
340
@wcandillon
William Candillon
1 year
here are some of the highlights of the React Native Skia presentation at @appjsconf ( @chrfalch @ShopifyEng @swmansion )
15
41
347
@wcandillon
William Candillon
2 years
Docusaurus, Expo Snack, React Native Web, Skia, lots of compounding forces here.
4
26
338
@wcandillon
William Candillon
5 years
Monzo Card Selection - “Can it be done in React Native?” (With Hooks + <Transition> API)
1
48
330
@wcandillon
William Candillon
5 months
In this Skia demo, the blur amount depends on the z value of the card, fun no?
6
14
333
@wcandillon
William Candillon
2 years
Glassmorphism in React Native
11
34
329
@wcandillon
William Candillon
8 months
We started collaborating with @landing__space on new React Native Skia features. The first one, support for animated images has been released today:
5
24
325
@wcandillon
William Candillon
3 months
This demo is now almost 100x faster with the new Atlas API. Here Reanimated does important uplifting for us. @reactiive_ and I will be polishing this demo and delivering it to you as a small but compelling collab 😇
2
24
306
@wcandillon
William Candillon
1 year
Riveo Page Curl - “Can it be done in React Native?”
6
31
301
@wcandillon
William Candillon
4 years
It's good to be back 🙋🏼‍♂️
15
15
297
@wcandillon
William Candillon
9 months
Made it cross-platform with Skia
@f6ary
Gary
1 year
Made the blur effect usable in RN Thanks for the inspo @aheze0 & @jmtrivedi
10
18
208
10
21
295
@wcandillon
William Candillon
7 months
If you promise to not ask how we could miss such a bug, we can give you double the framerate on Android in the next release. Deal?
9
8
294
@wcandillon
William Candillon
5 years
Next on “Can it be done in React Native?”, we will write code as slick as the user experiences we will build. I sincerely cannot wait.
6
44
282
@wcandillon
William Candillon
2 years
You can animate your SVGs with Skia by parsing the XML on every frame (it's on a separate thread and supports SVG filters). But @chrfalch & I may have something much better in the works. A drop-in replacement to react-native-svg may be closer to what we originally thought.
7
19
289
@wcandillon
William Candillon
5 years
This week's episode is a funky one. We use the new Transition API from Reanimated to build the iconic opened tabs transition from Safari. Thanks to this new technic, we can build this effect with only a few lines of code. Hope that you'll enjoy the show 🍿
0
34
285
@wcandillon
William Candillon
4 years
Duolingo Drag-and-drop - “Can it be done in React Native?” is live
3
30
286
@wcandillon
William Candillon
3 years
This backdrop filter in Skia is not a gimmick where render the background twice, it is "real".
12
24
276
@wcandillon
William Candillon
2 years
Today's React Native Skia tutorial is rendered with React Native Skia (using @remotion_dev ). Hope to see you later in the chat:
6
41
279
@wcandillon
William Candillon
4 years
The React Native 3D Animation Challenge is live
14
33
278
@wcandillon
William Candillon
7 months
By far the most requested React Native Skia feature, text layouts is now in very good shape. Courtesy of @chrfalch 💚 "Wow - this is cool" indeed ☺️
6
27
279
@wcandillon
William Candillon
4 months
3D Transformations with React Native Skia
7
30
279
@wcandillon
William Candillon
4 years
Github code workspaces are wild 😳
Tweet media one
7
19
272
@wcandillon
William Candillon
1 year
This React Native Skia demo runs on a 14kb polyfill of CanvasKit (it has no dependencies with React Native Web either)
10
18
273
@wcandillon
William Candillon
3 months
Time to Fly: Join us for a special event on March 11th at 5pm Zürich time. Welcome aboard. Destination is 8ms away.
Tweet media one
10
41
274
@wcandillon
William Candillon
3 years
Rect Native SVG & Reanimated 2 working together
3
16
265
@wcandillon
William Candillon
2 years
Gradient capabilities in React Native Skia are somewhat limitless. (1/2)
7
16
264
@wcandillon
William Candillon
5 years
Summer is over but "Can it be done in React Native" comes back next week ☀️
7
22
260
@wcandillon
William Candillon
4 months
So long as we're not entirely GPU-bound, we'll keep chipping at this.
6
15
260
@wcandillon
William Candillon
4 years
Transitions are the easiest way to animate React Native components. Have you ever wondered how they look like in Reanimated 2? Let's have a look.
4
35
257
@wcandillon
William Candillon
2 years
Game changer or no game changer?
Tweet media one
15
14
254
@wcandillon
William Candillon
2 years
This fun Skia tutorial is guaranteed spoiler-free. 💯
12
26
251
@wcandillon
William Candillon
3 years
Ben banning me from his video on bans. Well done sir. Well done.
Tweet media one
3
5
241
@wcandillon
William Candillon
2 years
Working on documentation is a great way to review the work @chrfalch and I have been doing and double-check that our story is sound.
14
9
244
@wcandillon
William Candillon
4 years
Hey, there 🙋🏼‍♂️ Part 6 of React Native Fashion is live. Happy Hacking 🥳
6
21
235
@wcandillon
William Candillon
4 years
Making a 3D Engine with React Native is live 🍿
9
30
233
@wcandillon
William Candillon
5 years
Reanimated 1.3.0 ships support for string animation values on Android. We'll celebrate it on YouTube by animating some bezier curves 🎉
@kzzzf
Krzysztof Magiera
5 years
Just published react-native-reanimated @1 .3.0 to address some of the compatibility issues with RN 0.61 – there are more changes to come but hope this one will resolve problems most people were facing after RN upgrade
1
16
113
8
44
235
@wcandillon
William Candillon
2 years
TIL: you can have default values in object destructuring
Tweet media one
10
21
234
@wcandillon
William Candillon
4 years
Uber Swipe to Delete - “Can it be done in React Native?” is live 🍿
5
29
233
@wcandillon
William Candillon
4 years
Next on “Can it be done in React Native?”: HODL. Stay tuned at
8
25
230
@wcandillon
William Candillon
4 years
First Look at Reanimated 2 is live 🍿
13
35
230
@wcandillon
William Candillon
4 years
My morning
6
8
232
@wcandillon
William Candillon
4 years
Before beautiful Zürich, I lived in sunny Palo Alto. They have @PhilzCoffee there.
8
12
232
@wcandillon
William Candillon
3 years
All the elements are there but their choreography is a bit awkward. What do you guys think?
11
22
229
@wcandillon
William Candillon
4 years
Testing my new recording setup
Tweet media one
22
1
228
@wcandillon
William Candillon
4 years
The first lessons on Reanimated 2 will be available next week.
Tweet media one
5
15
229
@wcandillon
William Candillon
4 years
Excited to collaborate with Shopify on using React Native to build delightful user experiences.
@fnthawar
Farhan Thawar
4 years
Excited to share that React Native is the Future of Mobile at @Shopify 😎 - Our in production @reactnative apps have 95%+ code shared between iOS and Android 🤯 - We're hiring native mobile and web developers @ShopifyEng - We're contributing back to OSS👊🏽
62
599
3K
9
18
226
@wcandillon
William Candillon
1 year
That awkward moment when you watch a React Native Skia demo and you still ask yourself: "Can it be done in React Native?" 😅
@reactiive_
Enzo Manuel Mangano
1 year
Another hypnotic animation made entirely with React Native Skia 👇 Available tomorrow on Patreon:
6
17
292
7
15
222
@wcandillon
William Candillon
4 years
A new episode of “Can it be done in React Native?” drops today 😁
Tweet media one
10
20
221
@wcandillon
William Candillon
2 years
Overdue drop shadow support coming to Skia
Tweet media one
11
7
216
@wcandillon
William Candillon
4 years
With Reanimated 2, we can run linear algebra on the UI thread to make 3d projections. In this little demo, there is no setRequestFrame() nor messages crossing the native bridge.
4
11
217
@wcandillon
William Candillon
4 years
The React Native Long Press Animation Challenge is live 🍿
7
18
215
@wcandillon
William Candillon
4 years
Instagram Pinch-to-Zoom - “Can it be done in React Native?” premieres in one hour. I'll be in the chat to answer questions 🎬🍿
3
25
213
@wcandillon
William Candillon
3 years
Started a fun experiment to animate shaders using the Native thread only.
8
9
212