@@kartikyadav4068 Thank's for your answer. In my case i have a flatlist with infinite scroll more than 1000 items and in each item i have a horizontal scrollable list with 3 items that show the next elements related to the first.
Hey William, it’s all nice thanks for vid. But can you explain SKIA from 0 to 100. You always start your videos as everybody is aware of how it works. Please do tutorial from installing SKIA into building this graph. Or for instance I need to build multiple lines on the graph, each has different colour representing a value of the item and also graph should be horizontally scrollable if you have 20-50 data points that you are not able to fit in one screen.
Has anybody figured out a way to make this graph pan-able and pinch scaleable? I've got a slightly rubbish way of doing it by using d3-zoom to recalculate the axis but the animation isn't smooth and I can pan right infinitely and pan left into minus values
Hey Willian, awesome tutorials and library. Would be possible to use the LinearGradient component to change the color of a line based on a y-threshold?. For example when the line is above the median value, it would become green and when the line is below the median value, it will become red...
I find it hard to learn react native skia, the documentation is the same as couchdb and wanted to know what or can i find proper docs to under this library.
Do you have any videos out that demonstrate Text transitions? When swiping across the graph, it changes the total number correctly, but I'd love to see some sort of smooth transition between the previous value and the new value. A simple animation would be a simple, old value opacity fades out and new value opacity fades in. But an even cooler animation would be something like, the text transforming to the new text the way the line graph transforms when you change the timeframe. That would be really awesome!
Hey William. Could you please suggest some way to implement realtime chart that will move from right to left? Is it possible with Skia? I got the new chunk of data periodically (1-2 sec) and need to animate chart move while this period goes. For user it should be like endless chart...
@@wcandillon Can you explain how to use it in your example ? I am facing the same problem, can not figure out how to make it work :/. Thanks again for the great work, very useful !
this because we ship a lot of binaries part of the package, you can read more about the package size at shopify.github.io/react-native-skia/docs/getting-started/bundle-size
I have always been you fan but your recent videos just keep getting yummier!! 😋
I just don't understand why God didn't introduce me to you sooner. What a wonderful class, greetings from Brazil.
Great tutorial Mr William. Can you make a video to show how to implement flatlist to load huge data without losing performance.
Just implement lazy load
Same question
huse Pagination
like if you have 100 items you only pass 10 items to flat list and after scrolling of 10 items pass another 10 items
@@kartikyadav4068 Thank's for your answer. In my case i have a flatlist with infinite scroll more than 1000 items and in each item i have a horizontal scrollable list with 3 items that show the next elements related to the first.
Hey William, it’s all nice thanks for vid. But can you explain SKIA from 0 to 100. You always start your videos as everybody is aware of how it works. Please do tutorial from installing SKIA into building this graph. Or for instance I need to build multiple lines on the graph, each has different colour representing a value of the item and also graph should be horizontally scrollable if you have 20-50 data points that you are not able to fit in one screen.
Yes I agreed it seemed like william's video not for the beginners, He should do every details including how to install Skia itself..
yeah dude he starts the video with half of everything already written.
Documentation exists for some reason, not to talk about our good friend Google...
@@calapp, of course it exists, dude, but it'll be better to watch it with some explainations
Always awesome contents and tutorials. Great video
Has anybody figured out a way to make this graph pan-able and pinch scaleable? I've got a slightly rubbish way of doing it by using d3-zoom to recalculate the axis but the animation isn't smooth and I can pan right infinitely and pan left into minus values
Hi William
When we can expect examples with new architecture and fabric? Shall it improve the amination performace?
agree
Great tutorial once again! Thanks William
Hey Willian, awesome tutorials and library.
Would be possible to use the LinearGradient component to change the color of a line based on a y-threshold?. For example when the line is above the median value, it would become green and when the line is below the median value, it will become red...
I find it hard to learn react native skia, the documentation is the same as couchdb and wanted to know what or can i find proper docs to under this library.
Same here, I'm guessing you have to pay for his courses. The doc are not that much great for a beginner. Or basically for onboarding new users
Can we add the horizontal guide lines based on the y axis values?
Do you have any videos out that demonstrate Text transitions? When swiping across the graph, it changes the total number correctly, but I'd love to see some sort of smooth transition between the previous value and the new value. A simple animation would be a simple, old value opacity fades out and new value opacity fades in. But an even cooler animation would be something like, the text transforming to the new text the way the line graph transforms when you change the timeframe. That would be really awesome!
how to solve the end.interpolate(start, transition.value) tried to synchrously call function {interpolate} from a different thread?
Awesome ! Thanks Mr. William :3
I used the d3 for scaling, but the cursor is going wrong position for first and last points. Please help me to fix this
Can resolve that ? i need to lear how to du that, sorry my english dont good
Hey William. Could you please suggest some way to implement realtime chart that will move from right to left? Is it possible with Skia?
I got the new chunk of data periodically (1-2 sec) and need to animate chart move while this period goes. For user it should be like endless chart...
Are curves supported in path?
Can fluid animation be done with the react native skia
what vs code theme are you using ?
Hi William. Can you share how to make the intro of this video? Thank you
I use remotion: remotion.dev/
@@wcandillon wow this is mind-blowing. Thanks for sharing
Can we use react-native-skia with expo dev client?
Yes you can, I have that working
Pour moi le problème principal c’est l’interpolation entre deux path quand ils ne font pas la même longueur.
did you try www.npmjs.com/package/polymorph-js?
@@wcandillon Can you explain how to use it in your example ? I am facing the same problem, can not figure out how to make it work :/. Thanks again for the great work, very useful !
There will be updates on your curse using Skia?
does it works on RN Expo?
Same question William
You need EAS or Expo Bare Workflow in order to use it.
Hi William,
Can we use react-native-skia in production?
It's still in alpha but it looks like some people are already using it in production. We're making good progress on the stability.
Do you have a react native course
259mb unpacked size on npmjs?
this because we ship a lot of binaries part of the package, you can read more about the package size at shopify.github.io/react-native-skia/docs/getting-started/bundle-size
Thank you so much🔥🔥🔥
Which vs code theme is this ??
pmndrs
marketplace.visualstudio.com/items?itemName=pmndrs.pmndrs
Is it just me or is react native state management looking a lot different to react? No useState? Can anyone explain?
React-native state management does not differ from React - it's just because William is using separate library to handle the state in other way :)
@@enterteg ah thank you
i love you thank you very much!!!!!!
Hello Sir can u do something for Live Chart that will be really great .
Thanks in Advance .
wow
Wow....