Hello React Native Skia

[@privat3stuff]

So extremely hyped for this! A true game changer for React Native. And a great way to spend the early Chrismas mornings, tinkering with all these new features!

[@Gustavo-bi4hv]

Why its gonna be game changer? I am new to react native.

[@privat3stuff]

@@Gustavo-bi4hv ​ There are no (good) graphic libraries for RN. The native ones are extremely basic and lack a lot of features. Basic things like shadows are a pain, not to mention custom shapes, masks, filters and so on. Anything complex like shaders is damn near impossible unless you implement complex solutions such as opengl / webgl / canvas libraries. SKIA also eliminates the use of some badly maintained libraries that don't always work well in more complex situations (like MaskedView, Lottie Animations, SVG). So to have a library that will do a lot of computing, natively, provide a whole range of image manipulation tools and all while in just a single library is truly revolutionary.

[@riyajpatel1841]

The video was uploaded 7 days ago..How your comment can be 8 days ago🧐🤔

[@Reactiive]

"It's Skia, but in React Native" 😁😎

[@mahersafadii]

I'm a flutter guy, but that title got me excited I don't know why 😂😂😂

[@akshayyadav6674]

Me too😂

[@mahersafadii]

@J0sh no it isn't, Skia is a 2D rendering engine

[@hdanielb.m.4125]

Flutter ♥️

[@ashuvssut]

Flutter sucks (imma being a jerk)

[@v1adko_]

For anyone wondering the ending song is a sped-up version of Electric by Jane & The Boy

[@zeodicus]

By god! It's so much help to anyone who had to work with animations, gradients and svg in React Native!

[@mashoodali679]

Skia is totally game changer for react native development. Now we can use just few lines to create awesome shapes

[@wanjohi]

This is a complete game changer. Thank you Shopify and William. I wonder whether we can play around with this on videos as much as in images;

[@thecastiel69]

Can you please enable captions?

[@leakymalloc6157]

Incredible stuff. Appreciate your work, William. I hope this isn't the last React Native Skia video we'll see from you. Keep up the amazing work!

[@seetlive]

Awesome, thank you guys for bringing Skia to ReactNative. Thank you for the video!

[@alexfrozen]

Skia + Reanimated are complete gamechanger!

[@NicolasSilvaVasault]

never been so hyped for react native since i picked it up 3 years ago

[@hardik.satasiya]

nice & easy way to approach custom graphics and animations, what is that extension for vscode which shows that autosuggestion code .. while he is coding on *Animations topic translate stuff

[@bleso_a]

Please how do you make the intros to your videos! They are really amazing!

[@thisweekinreact]

I'm ready

[@applearcade5332]

Request video, please make a video about animation like google photos and apple photos, if you pinch and zoom the grid layout will change

[@luffythestrchykid]

Amazing work William. 👏🙌

[@youssefali6014]

as a mobile dev who woked with flutter I can understand how you put the paint then next sibling take the paint, but as a react native dev I feel more like passing the paint to the children is more suitable approach ?, not sure either way some really really great work done here

[@seanhuggins5382]

This is awesome! What are the tradeoffs with Skia vs something like react-native-svg?

[@khurram-malik]

Which theme are you using in VS Code? Can you share it? Looks awesome!

[@axelrod4840]

8:02 - wow, such a cool background. will there be a room tour?)

[@psySmeerN]

It wouldn't be long for people to make apps with react native that are as beautiful as apps made with flutter

[@ra-dro]

Cool. Looks really interesting. Thanks a lot for bringing this tech to RN.

[@kamildoan]

I hope we will see some skia show 😍

[@CODEDSTUDIO]

As a flutter developer my heart just pumped

[@changxiangyi614]

Appreciate your work! Keep up the amazing work!

[@emmanuelugwuoke967]

This is super cool and game changer 🔥

[@leonardssh]

Can I’ve the theme/font used in this video? ☺️

[@ysfzrn]

This is awesome 🚀🚀🚀 thanks to all of you guys

[@dhruva167]

I have devoted more than 2years with flutter. Now reactive native is pulling me.

[@wanjohi]

I see react-native-gesture-handler and react-native-reanimated API in react-native-skia... 🤯🤯🤯

[@ricksondpenha]

Damn... If react native does everything in skia.. I'm all in.

[@franmaric]

Looking more like Flutter 😏

[@ishahzaibkhan]

Finally a react native channel ❤️

[@BarakaAndrew]

This is a game changer for real. Graphics has been a pain on react native

[@chenopen]

If the target is to create static images so I would prefer just to import the image (made by a designer) to svg, no? what do I miss?

[@alexfrozen]

How does Skia run these callbacks for animations? Where do they run? Are they like worklets from Reanimated?

[@SheetalKaushal-h6d]

Hy ,William i tried to cube shape i want to fit the image inside the cube but my image cutting all the side

[@asadsalehumar1011]

I notice you keep typing {=} when trying to add props. So it happened to all of us. Thank you VsCode (in a good way though) See: 17:01, 24:39

[@DrNabeel20]

This is soooo cool!! thank you guys for this awesome job :D

[@DomBarker]

will there be a good way of creating skia objects / files from the assets that illustrators / animators create in adobe suite?

[@nro337]

This is a fantastic project! Can't wait to use it!

[@eddyv524]

Awesome video. Started using Skia for a react native project. Everything works fine as long as my phone (android) is directly connected to my development PC. In standalone mode, the app crashes when i go to a screen with a Skia graph on it. Am i missing steps?

[@lawful_neutral]

Any news on whether or not this library will be compatible with Managed-workflow Expo apps?

[@uptourgames3735]

Hello Guys. Should i use react native skia through out my project? I mean building components (Cards, Buttons) and all

[@wcandillon]

use it sparingly with your native views

[@abdoutech6861]

Can it be fluttered in React Native 😎

[@hyperrealhank]

Will this work with react native web? Also is that a silly question to ask?

[@wcandillon]

not a silly question at all, we will be talking this topic

[@brankodaskijevic5605]

What’s the theme? Great video btw!

[@whizbeezyakxion2542]

Is it possible to add a text input in a RN skia canvas?

[@coraige]

Will this be available for expo?

[@johnswanson217]

It would also be great if ReactNative internally provide a WebGL API ported for both Vulkan and Metal. Anything like this happenning?

[@bitcoinbitcoin670]

What are the contstants you set up? For circle, rct, Did I miss that part?

[@simonthebear]

Exciting development, but your video doesn't show the installation process. I've tried installing within an Expo managed project but get 'can't find variable SkiaApi' errors.

[@SochetraNOV]

just one word: amazing 🥰🥰🥰

[@krisbaum1974]

great! which vs-code extensions do you use to show possible properties?

[@siyahulhaq7062]

@William Candillon you share polar2Color source code

[@wcandillon]

github.com/Shopify/react-native-skia/blob/main/example/src/Examples/Hue/Helpers.ts notice that this implementation is using some easing

[@JuanVargas-bv5yp]

Can we use default react native components with skia?

[@juliocorbaz]

Se puede usar con Expo

[@dhwajsharma]

Vscode theme?

[@euanmorgann]

Wowwowowowow amazing!

[@teachyourselfcs]

This is so cool!!!

[@SergeyGonchar]

This is so good!

[@vadimsavin7738]

That's revolutionary

[@roothacks6864]

what is this vscode theme really liked that🤔🤔

[@MrSANS]

Lets Gooo!!! React Developerrr

[@unicodefox]

Wondering if the motion graphics were designed by someone who likes Apple's design

[@RobbieCreaner]

William, is there a way to set the viewport size of a canvas, much like how you set the viewport of an SVG?

[@wcandillon]

yes using the , will try to provide more info on that soon

[@RobbieCreaner]

@@wcandillon Awesome, that worked. Are there plans to add a Text component ?

[@sanjay764]

please do a video on dark mode transition like in telegram

[@MichaelCharlesAubrey]

I literally clicked because of the rainbow text

[@Matheus_1582]

O que é esse SKIA

[@ehsankhorasani_]

it's flutter in React Native 🤪

[@johnhaupenthal]

This is really awesome

[@lucasveloz2028]

Thats awesome!!!!!

[@thomas-sinkala]

This is awesome.

[@huanhoatu3029]

Is it gonna be a game changer?

[@EmmanuelNgwandu]

Is this react-native-skia🤔🤔🤔

[@IFone456]

no, but it is skia

[@robertherber6467]

Looks really cool, amazing job!

[@umaralfaruq1304]

Wooow amazing.... Go React.... Why i don't see facebook contribute to fight flutter

[@vaibhav1180]

LoL they are, did you forget about the new architecture thing 😂

[@umaralfaruq1304]

@@vaibhav1180 i know.. but for now since flutter get popular what does facebook do?

[@vaibhav1180]

@@umaralfaruq1304 The internal team is the one who's doing all this

[@JasonChannelOne]

Why use this over lottie animations? Can someone explain?

[@iamshadmirza]

Woah 🔥

[@paslaid]

wow amazing

[@tpf352]

How can i learn about this?

[@_thehunter_]

is skia rendering raster or vector

[@r_alisher]

thank you so much👍👍👍

[@andrzejwower5168]

I bet in 5 years html and css mess will finally catch up with Flash and Action script 3.0 that was available 10 years ago ...

[@biplabdutta]

Flutter dev here to read the comments 😅😂😂

[@fayaz2956]

it would've been even more awesome if we could use the same web codebase and use it as the mobile app & skia just handles it

[@TrungNguyen-mf6kt]

Awesome

[@cahyowibowo5586]

I thought that we talk about the graphic engine 😅

[@youssef.elmoumen]

Copilot sometimes becomes annoying 😅

[@byronwezvo]

Finallllly 🤭

[@markclynch]

What song in the closing credits?

[@wcandillon]

kzbin.info/www/bejne/rojMpqWZmdWtkJI

[@markclynch]

@@wcandillon Amazing work!

[@boulabiar]

Yesss

[@kashyapkarkar6703]

What's a Skia ? 🧐

[@brunno_gonzalez_dev]

🔥🔥🔥🔥🔥🔥🔥🔥

[@tabaicanking3701]

This is great

[@burhan.yilmaz]

Aweome!

[@vaibhav1180]

Name of the outro song? 😂

[@SuperReview]

Jane & the Boy - "Electric"

[@vaibhav1180]

@@SuperReview Thanks man

[@akashkumardas6521]

Html is on progress, but I want to be developer.

[@balogunakanbi6329]

3 hours 30 minutes to go...