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 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.
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
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
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?
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.
![“อ.เบียร์ คนตื่นธรรม” มาตามคำเรียกร้อง แหกศาสตร์ฮวงจุ้ย เตือนสติอย่างมงาย | แฉ 7 พ.ย. 67 [1/3]](http://i.ytimg.com/vi/5fc4S3xBNfc/mqdefault.jpg)
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!
Why its gonna be game changer? I am new to react native.
@@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.
The video was uploaded 7 days ago..How your comment can be 8 days ago🧐🤔
I'm a flutter guy, but that title got me excited I don't know why 😂😂😂
Me too😂
@J0sh no it isn't, Skia is a 2D rendering engine
Flutter ♥️
Flutter sucks
(imma being a jerk)
"It's Skia, but in React Native" 😁😎
For anyone wondering the ending song is a sped-up version of Electric by Jane & The Boy
Skia is totally game changer for react native development. Now we can use just few lines to create awesome shapes
By god! It's so much help to anyone who had to work with animations, gradients and svg in React Native!
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;
Can you please enable captions?
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!
Skia + Reanimated are complete gamechanger!
never been so hyped for react native since i picked it up 3 years ago
I'm ready
Awesome, thank you guys for bringing Skia to ReactNative. Thank you for the video!
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
Which theme are you using in VS Code? Can you share it? Looks awesome!
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
Please how do you make the intros to your videos! They are really amazing!
I hope we will see some skia show 😍
As a flutter developer my heart just pumped
It wouldn't be long for people to make apps with react native that are as beautiful as apps made with flutter
8:02 - wow, such a cool background. will there be a room tour?)
This is a game changer for real. Graphics has been a pain on react native
Request video, please make a video about animation like google photos and apple photos, if you pinch and zoom the grid layout will change
This is awesome! What are the tradeoffs with Skia vs something like react-native-svg?
This is awesome 🚀🚀🚀 thanks to all of you guys
Can I’ve the theme/font used in this video? ☺️
This is super cool and game changer 🔥
Will this work with react native web? Also is that a silly question to ask?
not a silly question at all, we will be talking this topic
Appreciate your work! Keep up the amazing work!
Damn... If react native does everything in skia.. I'm all in.
Amazing work William. 👏🙌
Cool. Looks really interesting.
Thanks a lot for bringing this tech to RN.
I have devoted more than 2years with flutter. Now reactive native is pulling me.
What’s the theme? Great video btw!
Will this be available for expo?
Can we use default react native components with skia?
I see react-native-gesture-handler and react-native-reanimated API in react-native-skia... 🤯🤯🤯
This is a fantastic project! Can't wait to use it!
will there be a good way of creating skia objects / files from the assets that illustrators / animators create in adobe suite?
How does Skia run these callbacks for animations? Where do they run? Are they like worklets from Reanimated?
Any news on whether or not this library will be compatible with Managed-workflow Expo apps?
That's revolutionary
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?
This is so cool!!!
Finally a react native channel ❤️
Woah 🔥
Vscode theme?
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
great! which vs-code extensions do you use to show possible properties?
This is soooo cool!! thank you guys for this awesome job :D
What are the contstants you set up? For circle, rct, Did I miss that part?
just one word: amazing 🥰🥰🥰
Wowwowowowow amazing!
Looking more like Flutter 😏
Is it possible to add a text input in a RN skia canvas?
It would also be great if ReactNative internally provide a WebGL API ported for both Vulkan and Metal.
Anything like this happenning?
This is awesome.
Thats awesome!!!!!
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?
Yesss
This is so good!
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.
This is really awesome
Can it be fluttered in React Native 😎
William, is there a way to set the viewport size of a canvas, much like how you set the viewport of an SVG?
yes using the , will try to provide more info on that soon
@@wcandillon Awesome, that worked. Are there plans to add a Text component ?
Hy ,William i tried to cube shape i want to fit the image inside the cube but my image cutting all the side
Awesome
what is this vscode theme really liked that🤔🤔
Lets Gooo!!! React Developerrr
thank you so much👍👍👍
Finallllly 🤭
wow amazing
Is it gonna be a game changer?
🔥🔥🔥🔥🔥🔥🔥🔥
Hello Guys. Should i use react native skia through out my project? I mean building components (Cards, Buttons) and all
use it sparingly with your native views
Aweome!
awsome
Why use this over lottie animations? Can someone explain?
is skia rendering raster or vector
How can i learn about this?
This is great
Looks really cool, amazing job!
Se puede usar con Expo
@William Candillon you share polar2Color source code
github.com/Shopify/react-native-skia/blob/main/example/src/Examples/Hue/Helpers.ts notice that this implementation is using some easing
I literally clicked because of the rainbow text
it's flutter in React Native 🤪
please do a video on dark mode transition like in telegram
Is this react-native-skia🤔🤔🤔
no, but it is skia
Wooow amazing.... Go React....
Why i don't see facebook contribute to fight flutter
LoL they are, did you forget about the new architecture thing 😂
@@vaibhav1180 i know.. but for now since flutter get popular what does facebook do?
@@umaralfaruq1304 The internal team is the one who's doing all this
What song in the closing credits?
th-cam.com/video/xWiurcdpzZ0/w-d-xo.html
@@wcandillon Amazing work!
Wondering if the motion graphics were designed by someone who likes Apple's design
O que é esse SKIA
Flutter dev here to read the comments 😅😂😂
I thought that we talk about the graphic engine 😅
Name of the outro song? 😂
Jane & the Boy - "Electric"
@@SuperReview Thanks man
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 ...
Game changer
What's a Skia ? 🧐
Copilot sometimes becomes annoying 😅
3 hours 30 minutes to go...