Apple Health Rings in React Native - George Alexiou - React Native London May 2023

Опубликовано: 28 Сентябрь 2024
на канале: Pusher
599
9

George Alexiou - Full-Stack Software Engineer at Theodo UK discussing Apple Health Rings in React Native

[00:00:00] Introduction
[00:00:28] Health Rings
[00:00:58] Reanimated
[00:01:59] Adding the animation
[00:02:43] Animated Circle
[00:03:15] Gradients
[00:04:50] Demo
[00:05:48] Q&A

In this presentation George, a full stack developer, introduces a project on creating animated health rings using React Native. He explains how he used React Native SVG and React Native Reanimated to achieve the desired animations. George demonstrates the process of rendering a circle shape programmatically using SVG and then animating it using React Native Reanimated. He also discusses the use of gradients and reusable components in React Native SVG. He showcases a small demo app and provides a link to the source code for those interested in exploring further. George encourages viewers to follow him on Twitter for more React Native components. The presentation concludes with a brief Q&A session, where George answers questions about linear gradients and animating the circle's fill.

_________________________________________________________________

About Pusher Sessions:

We're bringing the meetup to you. With Sessions, you can watch recordings of top-notch talks from developer meetups -- wherever and whenever you want.

Meetups are a great way to learn from our peers and to keep up with the latest trends and technologies. As developers ourselves, we at Pusher wanted to bring this great content to more people... So we built Sessions. On Sessions, you can watch talks that interest you and subscribe to be notified when new content gets added.

If you run a meetup and want to get involved, kindly get in touch.

_________________________________________________________________

About Pusher:

Pusher is a hosted service with APIs, developer tools and open source libraries that greatly simplify integrating real-time functionality into web and mobile applications.

Pusher will automatically scale when required, removing all the pain of setting up and maintaining a secure, real-time infrastructure.

Pusher is already trusted to do so by thousands of developers and companies like GitHub, MailChimp, the Financial Times, Buffer and many more.

Getting started takes just a few seconds: simply go to pusher.com and create a free account. Happy hacking!