Krzysztof Magiera @kzzzf Twitter profile

Last Seen Profiles

@Navo_

@Schofe

@So_Sunda

@LiLYPSE

@RAKGasOfficial

@NegligentArtist

@ldrees_ismail

@ProRoeSD

@mrctv

@slay_qua

@pocomi_chi

@TIHan

@Linsoul_JP

@SOLIDEO_JOP

@SusanaZabaleta

@RamsgateFC

@almnsoryemen1

@FPLMane

@CoachP_WAM

@Brandon_Beaber

@MsMaddHatt

@hchemko

@powers1av3

@4basoka

@CoachAdamFuller

@pieterwfrancois

@KMaminski

@Thanbancha

@Kerymai_

@SofianNaceur

@hanyoore

@Yotsubafour4

@NikilisRBX

@woodfordtownfc

@LeetCode

@christitustech

Krzysztof Magiera

@kzzzf

6 months

Yesterday at RNCK I demoed our new React Native IDE project we developed @swmansion . Check out the thread for details on each specific feature from the clip

87

336

2K

Krzysztof Magiera

@kzzzf

1 year

Next version of reanimated will finally have proper stack trace support. Uncaught exceptions from the UI runtime will be presented in React Native's log box along with symbolicated stack trace entries making it easier to find bugs in your worklets.

13

38

501

Krzysztof Magiera

@kzzzf

22 days

Right-click to inspect with access to components hierarchy and jump-to-source. Yay or nay?

39

52

499

Krzysztof Magiera

@kzzzf

4 years

🚨🚨🚨Excited to announce new major release of Reanimated brought to you by @swmansion and @ShopifyEng . It features a completely revamped worklet-based API along many other improvements. Read our announcement post to learn more

Introducing Reanimated 2

React Native Reanimated 2 is out! It features new, worklet-based API that allows for writing performant interactions in JavaScript.

blog.swmansion.com

27

121

380

Krzysztof Magiera

@kzzzf

3 months

For all waiting for the updates I'll start by sharing a fantastic visual makeover @kacperkapusciak gave to the React Native IDE interface 🤩

15

42

373

Krzysztof Magiera

@kzzzf

1 year

Turning up reanimated's benchmarks to test the new shared value implementation and it does not even sweat maintaining steady 60fps while the old one drops more than half of the frames. 🤞 this change should land next week

14

45

359

Krzysztof Magiera

@kzzzf

7 years

Pure JS <Swipeable/> component built with react native gesture handler will go out with the next release. Sample effects on the video ✌️

8

78

343

Krzysztof Magiera

@kzzzf

3 months

Inspect + jump to file makes it so easy to explore new codebases. Anything else I should change in the b** app?

16

27

327

Krzysztof Magiera

@kzzzf

5 years

Today we published reanimated @1 .0.0 – apart from dropping beta label we added new transitions API. It aims to replace RN's LayoutAnimations making them more reliable and customizable. It only took few lines of code to build this demo with transitions API

8

84

298

Krzysztof Magiera

@kzzzf

6 years

To prove how powerful gesture-handler could be with reanimated I implemented react-native-interactable component in JS using these two libs. Watch the video below that shows interactable playground running in expo (no extra native modules required) 🍿

14

54

294

Krzysztof Magiera

@kzzzf

5 years

Playing more with the upcoming changes to reanimated Transitioning API and still can't believe how easy animating UI transitions can me made thanks to react – you render two states of the UI, tell how new views appear (done button slides in, text fades) and that's it ✨

6

33

272

Krzysztof Magiera

@kzzzf

5 years

RN 0.59 has been released yesterday. One of the highlights is 64bit support and new JavaScriptCore provided via jsc-android-buildscripts project that my team @swmansion took a part in. I'd like to shed some light on how this change may impact you and your app. thread 👇

6

75

264

Krzysztof Magiera

@kzzzf

1 month

📣 Announcing new sponsor of our React Native IDE project – together we’re bringing you some joyful retro vibes with a new set of default phone skins 🤩

8

18

246

Krzysztof Magiera

@kzzzf

10 months

100% this 👇!!! It’s event more applicable to React Native and so common for folks to use svg resources only so that they are automatically transformed to JSX with things like react-native-svg-transformer - don’t do this! If you have svg image, or load svg from url use expo-image

Jason Miller 🦊⚛

@_developit

3 years

Please don't import SVGs as JSX. It's the most expensive form of sprite sheet: costs a minimum of 3x more than other techniques, and hurts both runtime (rendering) performance and memory usage. This bundle from a popular site is almost 50% SVG icons (250kb), and most are unused.

88

370

2K

8

42

235

Krzysztof Magiera

@kzzzf

6 years

Working on native driver support for Animated.tracking. Here is what you'd be able to do with it if you add gesture handler library to the mix, and even when JS thread is completely blocked (note the JS FPS monitor)

14

43

223

Krzysztof Magiera

@kzzzf

18 days

Really excited that we can now start letting more people in to test React Native IDE. Go to and fill out the form to join beta program.

React Native IDE

A better developer experience for React Native developers.

ide.swmansion.com

Software Mansion

@swmansion

18 days

🚨🚨React Native IDE announcement: join our beta program, get early access, and help us make the IDE work great for everyone! The form is now open (link in the comment) 👇

40

99

470

17

29

225

Krzysztof Magiera

@kzzzf

1 year

⁦ @wcandillon ⁩ casually dropping game changing features of react-native-skia at ⁦ @appjsconf ⁩

3

16

223

Krzysztof Magiera

@kzzzf

3 years

At @swmansion we often do performance audits of React Native apps. While a lot of people expect performance issues to be rooted in React vs native views integration, to the contrary, in majority of the cases the problems are only on the React side. 🧵

6

44

220

Krzysztof Magiera

@kzzzf

5 months

In our IDE you can type using keyboard and the virtual one won't hide. It fixes a very annoying behavior of iOS sim that hides virtual keyboard on first keystroke. As a result, devs think there is lot of space on the screen while for their users big chunk of it is obstructed

6

20

220

Krzysztof Magiera

@kzzzf

5 years

On the wave of RN navigation announcements I'm happy to release rn-screens @2 .0.0-alpha that includes support for native nav stack primitives (e.g., UINavViewController) – you can also use it with RNN – check `createNativeStackNavigator` in the docs 👉

7

35

214

Krzysztof Magiera

@kzzzf

3 years

Reanimated 2.3-alpha.2 also ships with a number of performance optimizations. Thanks to the work by @piaskowyk and @Turbo_Szymon running a multitude of worklets is as smooth as butter 🤩 See this perf comparison for 2.3-alpha.1 (on the left) and alpha.2 (on the right) 👇

Software Mansion

@swmansion

3 years

New Reanimated alpha release is here with: - keyframe animations - remote debugger support - new set of built-in layout animations To celebrate the #Olympics we made this sweet rings animation with the new keyframe API. Check full release notes here 👉

9

50

230

7

27

216

Krzysztof Magiera

@kzzzf

6 months

Was really overwhelmed by a positive feedback this got after posting it last week. Couldn't check x for a while and my notifications exploded, so I apologize if I missed some of your comments. Should be available now to answer all your questions promptly

Krzysztof Magiera

@kzzzf

6 months

Yesterday at RNCK I demoed our new React Native IDE project we developed @swmansion . Check out the thread for details on each specific feature from the clip

87

336

2K

20

9

213

Krzysztof Magiera

@kzzzf

6 years

📣 My first article about tracking memory leaks in React Native is out

Hunting JS memory leaks in React Native apps

At Software Mansion we are often asked by our clients to review their React Native apps for possible performance improvements. One of the…

blog.swmansion.com

2

67

209

Krzysztof Magiera

@kzzzf

5 years

Testing more native navigator features like large titles and swipe-away dialogs with react-native-screens @2 and fithero app courtesy of @ferrannp 🤗

7

25

207

Krzysztof Magiera

@kzzzf

3 months

Added Expo Dev Client support to the IDE and used @daimo_eth open source React Native app to test it

21

12

196

Krzysztof Magiera

@kzzzf

3 months

One of our priorities with IDE project is to make Dev Ex pleasant by default. We setup right defaults for the project to launch *fast*. While there is still room to improve, here is unaltered video showing vscode with extension launching project in under 10sec on 2020 M1 mac

10

18

202

Krzysztof Magiera

@kzzzf

4 years

So excited to partner with Shopify on our React Native open source efforts @swmansion . They are an amazing company building great products with React Native at a massive scale. With all of that, what they contribute back to the ecosystem will have a huge impact 🔥🔥🔥

Farhan Thawar

@fnthawar

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

600

3K

13

25

198

Krzysztof Magiera

@kzzzf

4 years

Next major version of reanimated will reduce bridge traffic to 0 😊 (that is it won’t be making any bridge calls)

__

@web3_rn

4 years

@kzzzf Reduction of calls through bridge at initialization 🙏

1

0

12

16

37

193

Krzysztof Magiera

@kzzzf

21 days

Since a lot of people have been asking: IDE is not yet publicly available. We are running beta program with a small group of people, but plan to open invites to everyone willing to help test it next week. Follow @swmansion and await announcements

Krzysztof Magiera

@kzzzf

22 days

Right-click to inspect with access to components hierarchy and jump-to-source. Yay or nay?

39

52

499

15

13

193

Krzysztof Magiera

@kzzzf

1 year

React Native is trending on tech twitter thanks to ⁦ @appjsconf ⁩ hype 🤩

2

11

192

Krzysztof Magiera

@kzzzf

2 years

Reanimated 3 on npm is now down to 1.3M from 24M as we no longer publish prebuilt Android binaries. Before, we had to publish 40 different builds of the library (for every CPU architectures, every supported RN version, and separate for Hermes and JSC).

6

11

182

Krzysztof Magiera

@kzzzf

6 years

New RN's yellowbox with source map support is amazing 😍😍😍

6

39

179

Krzysztof Magiera

@kzzzf

2 years

10 years ago with three friends we founded @swmansion . Many lines of code later here we are celebrating it with over 180 more friends. It’s an honour to be working with so many talented people. Here’s to the next ten years 🥂

11

5

174

Krzysztof Magiera

@kzzzf

6 months

5/ Without doing anything extra, the simulator/emulator session is equipped with an integrated debugger that stops at breakpoints. Uncaught exceptions instead of displaying red box will navigate you to the file and line responsible for an error.

5

7

171

Krzysztof Magiera

@kzzzf

7 years

Working on pure JS implementation of drawer using react-native-gesture-handler (3 drawer modes, native animated, etc.)

3

33

166

Krzysztof Magiera

@kzzzf

6 months

Today at RNCK I talked about our new IDE project for react native. It’s still in the baking, but I had a ton of fun preparing this demo.

Tomasz Zawadzki

@tomekzaw_

6 months

@kzzzf casually dropping new game-changing RN dev tool during RNCK meetup in Kraków @swmansion

7

11

143

15

24

168

Krzysztof Magiera

@kzzzf

3 months

Final result

Krzysztof Magiera

@kzzzf

3 months

Inspired by @kadikraman doing this little weekend project at my home office

2

0

32

14

1

164

Krzysztof Magiera

@kzzzf

3 months

Rich text input in React Native solved ✅ Congrats to @tomekzaw_ and others involved. This is a very impactful project for the community!

Tomasz Zawadzki

@tomekzaw_

3 months

[1/7] Introducing react-native-live-markdown 🔥 ⚛️ <𝙼𝚊𝚛𝚔𝚍𝚘𝚠𝚗𝚃𝚎𝚡𝚝𝙸𝚗𝚙𝚞𝚝> component ⚛️ Cross-platform (Android, iOS, web) ⚛️ Built by @swmansion for @expensify app

62

116

833

0

9

162

Krzysztof Magiera

@kzzzf

5 years

Transferring bytes over the network costs energy, so smaller apps means less energy is waisted when installing or updating. If you have React Native app on the store you can help your planet 🌍 and shave 20MB off its size with a single command, here is how

Make your React Native app 3x smaller with one simple command

Learn how to reduce the download size of your React Native Android app by 20MB using new Android App Bundle format.

blog.swmansion.com

4

46

159

Krzysztof Magiera

@kzzzf

5 years

So it appears that React Native github repo has all the code to run Fabric. With a little bit of hacking I finally got it to work with RNTester app on iOS, AMA 🎉

8

33

154

Krzysztof Magiera

@kzzzf

6 years

Made an app that replicates iPhone X app switcher effect with react-native-gesture-handler. You can try it and see the source code on @expo_io here:

3

40

152

Krzysztof Magiera

@kzzzf

2 years

We will add Fabric support to reanimated if we hit 6k stars on Github – its at 5983 now, do your thing

6

14

151

Krzysztof Magiera

@kzzzf

1 year

This is the best Reanimated version to date and one of the biggest releases we made. Congrats to @piaskowyk , @tomekzaw_ , @graszka22 and the rest of Reanimated team 👏👏👏👏

Software Mansion

@swmansion

1 year

Good things come to those who wait – today it is the stable V3 release of React Native Reanimated with Shared Element Transitions, DX improvements, perf upgrades, lower memory usage and more... Read our announcement post 👉

58

286

1K

3

4

146

Krzysztof Magiera

@kzzzf

5 years

Hacking on reanimated transitions – next in/out transition is going to be circle-clip

7

17

142

Krzysztof Magiera

@kzzzf

5 years

On the topic of SwiftUI for those coming from react background and not following swift spec closely – you may be disappointed if you ignored that "some" keyword views declarations use. It essentially prevents components from rendering different views structure for diff states

6

29

141

Krzysztof Magiera

@kzzzf

6 years

📣 Just published "Simple physics with Reanimated" – a 3-part tutorial on building simple physics engine in #ReactNative with gesture-handler and reanimated libs. Enjoy 👇

Simple physics with Reanimated — Part 1

Tutorial on building simple physics engine in React Native using Reanimated library. In this part we learn how to move objects with…

blog.swmansion.com

2

36

136

Krzysztof Magiera

@kzzzf

2 years

Writing gesture-heavy logic has never been easier in React Native 🤯 Very proud of our open source team at @swmansion – This release is really 🔥🔥🔥🔥🔥

Software Mansion

@swmansion

2 years

New major release of Gesture Handler is here 🚨‼️ We are proud to present Gesture Handler 2.0 with new simplified API, Manual Gesture feature allowing for full control over gesture recognition logic, and more – check out the highlights in our blog post 👉

8

85

353

2

10

138

Krzysztof Magiera

@kzzzf

3 months

Haven't posted any RN IDE updates lately. Things got delayed in late Dec/first half of Jan due to health/personal reasons. After that, we discovered a launch-blocking issue we fought with for over two weeks. Today though we had a breakthrough and appears like we know how to fix…

17

4

136

Krzysztof Magiera

@kzzzf

2 years

Layout Animations API in Reanimated makes a lot of interactions like that one so simple to build

Software Mansion

@swmansion

2 years

Entry/exit Layout Animations in Reanimated can also be used to animate state changes thanks to React’s key prop – see below how we use it to build an animated @discord counter in just a few lines of code and check our tutorial on Layout Animations at

6

46

378

1

7

133

Krzysztof Magiera

@kzzzf

5 years

🔥 gesture-handler @1 .4 is out. And it the the first public release that includes web support by @Baconbrix 🙌 There are a few other updates including long awaited AndroidX support – note that the new version requires React Native @ 0.60 – more info ⤵️

Release 1.4.0 · software-mansion/react-native-gesture-handler

IMPORTANT!! This version is compatible with React Native @ 0.60+ This version brings support for gesture-handler to react-native-web projects. Many thanks and congratulations to @EvanBacon for work...

github.com

4

35

133

Krzysztof Magiera

@kzzzf

5 years

Some more experiments with reanimated layout transitions and shadows in React Native

6

18

133

Krzysztof Magiera

@kzzzf

6 months

1/ Our project is a Code extension that can launch RN projects and display iOS/Android emulator side-by-side. The build is “isolated” meaning it spins its own metro/debug session/etc taking away all the tooling complexity you need to learn when starting with React Native.

2

5

131

Krzysztof Magiera

@kzzzf

3 years

Today we are publishing react-freeze ❄️ – an experimental library that uses Suspense to prevent portions of React trees from rendering. You can try it now for both React (v17+) and React Native (v0.64+).

GitHub - software-mansion/react-freeze: Prevent React component subtrees from rendering.

Prevent React component subtrees from rendering. Contribute to software-mansion/react-freeze development by creating an account on GitHub.

github.com

Software Mansion

@swmansion

3 years

🚨 New library alert 🚨 Today we are releasing react-freeze ❄️ – an experimental library that freezes renders for inactive/invisible React component hierarchies. It integrates with @reactnavigation but can also be used on web 👉

6

94

422

1

19

128

Krzysztof Magiera

@kzzzf

6 years

By far the most complex component I built with react-native-reanimated – a library I open sourced today. It's a 100% declarative implementation of an iOS inspired image preview. Source code is here:

9

25

123

Krzysztof Magiera

@kzzzf

1 year

This is now out with 3.0-rc.9 published two days ago

Release 3.0.0-rc.9 · software-mansion/react-native-reanimated

What's Changed Remove dummyGlobal by @tomekzaw in #3838 Fix new implementation iOS crash on reload while animation is running by @tomekzaw in #3837 Use weak object for shareables on V8 by @tom...

github.com

Krzysztof Magiera

@kzzzf

1 year

Next version of reanimated will finally have proper stack trace support. Uncaught exceptions from the UI runtime will be presented in React Native's log box along with symbolicated stack trace entries making it easier to find bugs in your worklets.

13

38

501

3

5

126

Krzysztof Magiera

@kzzzf

1 year

Thanks to @graszka22 Reanimated 3 now supports new ways of interpolating colors – also checkout the new page in docs with interactive playground 👀. We changed Reanimated's default in v3 to gamma corrected RGB for all color animations.

5

13

124

Krzysztof Magiera

@kzzzf

6 months

8/ Finally, the Editor Follow functionality tries to figure out the screen you want to look at when making changes in your project (based on edition/inspect history). It automatically moves between the screens when you switch between different files in your project.

5

7

125

Krzysztof Magiera

@kzzzf

6 years

Did you know react-native-screens brings iOS reachability support to react-navigation based apps? There are just two lines of code you need to add to try it out, see instructions here ➡️

5

33

123

Krzysztof Magiera

@kzzzf

4 years

Hi 👋 we just published new alpha of Reanimated 2 with added ability to start animations using withSpring/withTiming directly from JS thread, support typescript in worklets, and a few more improvements (even more to come next week) ⤵️

Release 2.0.0-alpha.3 · software-mansion/react-native-reanimated

Fresh release of Reanimated 2.0 alpha. Includes a number of fixes to issues reported by the community after the initial launch. We've also made a number of optimizations and stability improveme...

github.com

1

19

121

Krzysztof Magiera

@kzzzf

6 years

Working on an article about tracking memory leaks in React Native apps (should be out tomorrow). Any specific topics you'd like me to cover?

7

10

115

Krzysztof Magiera

@kzzzf

3 months

Surprised no one has asked how the shared element transitions in this neat demo are implemented 🤔

Tomasz Zawadzki

@tomekzaw_

3 months

[1/7] Introducing react-native-live-markdown 🔥 ⚛️ <𝙼𝚊𝚛𝚔𝚍𝚘𝚠𝚗𝚃𝚎𝚡𝚝𝙸𝚗𝚙𝚞𝚝> component ⚛️ Cross-platform (Android, iOS, web) ⚛️ Built by @swmansion for @expensify app

62

116

833

9

7

119

Krzysztof Magiera

@kzzzf

6 months

2/ The example project I’m using is a Airbnb clone by @schlimmson (thanks for publishing such a great project!). The app uses @expo router and the IDE integrates with it by showing you a URL bar that you can use to jump between screens and navigate back in the history.

4

5

116

Krzysztof Magiera

@kzzzf

2 years

🚨 Reanimated 2.3 is out and it is the biggest update since the stable 2.0 release back in March! Congrats to @piaskowyk , @Turbo_Szymon and many others involved.

Software Mansion

@swmansion

2 years

The wait is over! Reanimated 2.3 stable is ready for you to install 🥳 Play with fantastic new Layout Animations API and enjoy humongous number of perf and stability improvements. Full release notes ➡️ Layout Animations tutorial ➡️

9

44

229

2

10

116

Krzysztof Magiera

@kzzzf

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

Release 1.3.0: fix(🐛): Fix Android bug when dealing with string animated values (#311) · softwar...

Minor release to support recently released RN 0.61. IMPORTANT This release drops support for React Native on Android prior to version 0.60 due to migration to AndroidX. It is still possible to use ...

github.com

1

16

113

Krzysztof Magiera

@kzzzf

2 years

New example app icons 👀

1

3

111

Krzysztof Magiera

@kzzzf

6 months

6/ We developed a new React Native Preview package that allows you to define individual component previews in your code. With a click-to-open link from the editor, the component renders in isolation allowing you to iterate on it without being distracted by the rest of your app.

5

1

106

Krzysztof Magiera

@kzzzf

4 years

We just published our first guide explaining some of the core concepts of Reanimated 2. Read on to learn about Shared Values ⤵️

Software Mansion

@swmansion

4 years

Shared Values is one of the most fundamental elements introduced in recently released @reactnative Reanimated 2, so we encourage you to take a closer look at this concept with @kzzzf and his article 👇👇👇 Let us know what you think!

0

17

60

2

8

101

Krzysztof Magiera

@kzzzf

8 years

Here are slides from my talk at #ReactEurope about offloading animations in #ReactNative

React Native ❤ 60FPS Improving React Native animations - ReactEurope 2016

Animations are one of the most important elements of modern, well-crafted mobile apps. Animation effects possible to achieve using native SDKs exceed by far the capabilities of mobile browsers, hence...

speakerdeck.com

6

33

98

Krzysztof Magiera

@kzzzf

2 years

. @FernandoTheRojo introducing zeego - a cross platform menu library for React Native at @appjsconf

1

12

101

Krzysztof Magiera

@kzzzf

2 years

Having fun at @appjsconf Drawings and Animations workshop. Here is what we built together 🤩 Thanks to everyone for joining us today!

4

5

99

Krzysztof Magiera

@kzzzf

5 years

Hey 👋 I published this short article to explain how Reanimated Transitions can be used to replicate LayoutAnimations in react-native. Check it out if you've ever experienced problems with LA (especially on Android)

Using reanimated transitions as a LayoutAnimation replacement

Learn how to use Reanimated Transitions to replicate LayoutAnimation’s API functionality.

blog.swmansion.com

0

21

98

Krzysztof Magiera

@kzzzf

6 years

One of the most exciting changes we are preparing (thanks @mosdnk ) for the next gesture handler release is that we will start treating secondary and further fingers as separate streams of touches that can activate and drive multiple handlers at the same time. Here is a short demo

5

20

96

Krzysztof Magiera

@kzzzf

4 years

Use of Animated API directly in render is a common pattern that in some cases may lead to very slow renders when using native driver or reanimated. Unlike react, Animated does not do any diffing, and on each render just sees new Animated values passed as props

4

13

95

Krzysztof Magiera

@kzzzf

1 year

This is now released in 3.0-rc8 Many thanks to the whole reanimated team for getting this important update out!

Krzysztof Magiera

@kzzzf

1 year

Turning up reanimated's benchmarks to test the new shared value implementation and it does not even sweat maintaining steady 60fps while the old one drops more than half of the frames. 🤞 this change should land next week

14

45

359

3

9

92

Krzysztof Magiera

@kzzzf

5 years

For completeness posting a video of how new react-native-screens stack work on Android 10.

0

7

90

Krzysztof Magiera

@kzzzf

4 years

Just released gesture-handler @1 .5.1 that finally fixes "unsupported top event" crash with RN 62. It is still important that you import gesture-handler early in your app as it runs some necessary initialization code which needs to happen before RN's View registration.

6

14

90

Krzysztof Magiera

@kzzzf

2 years

Reanimated was the most challenging library our Open Source team ported. Congrats to the team and especially to @tomekzaw_ and @piaskowyk for putting a lot of effort into this release. There is still some work to be done here, but this RC is already looking great

Software Mansion

@swmansion

2 years

Reanimated is joining Fabric club with today's 3.0 release candidate. Read about what changed, how, and when to upgrade

14

87

428

1

6

89

Krzysztof Magiera

@kzzzf

4 years

Synchronous measure/scrollTo calls done on the UI thread are my favorite additions in this fresh Reanimated 2 alpha release 🔥🔥

Software Mansion

@swmansion

4 years

New alpha of Reanimated 2 is out! ⏱ Synchronous `measure` and `scrollTo` on UI thread 📎Typescript types See more in release notes 👇

0

28

79

3

10

89

Krzysztof Magiera

@kzzzf

6 months

3/ Our extension has an integrated inspector button that makes it possible to jump directly from the simulator to your component’s code.

1

2

89

Krzysztof Magiera

@kzzzf

4 years

New alpha of Reanimated 2 is out: ✨Support for React Native 0.63 🐌New animation helper – withDecay ⛓New animation modifier – sequence Check release notes here 👇

Release 2.0.0-alpha.4 · software-mansion/react-native-reanimated

New alpha release of Reanimated 2.0. 🚨 BREAKING CHANGES: iOS and Android initialization has been changed to adapt to React-Native 0.63. Please check installation instructions to learn how to migra...

github.com

2

15

88

Krzysztof Magiera

@kzzzf

3 years

If you are using react-navigation you can try it just by upgrading to react-native-screens 3.9 and enable freeze-mode it with the below code and expect a speedup after pushing a bunch of screens to the stack.

3

7

87

Krzysztof Magiera

@kzzzf

6 years

Added color props support to Reanimated today. You can use it to animate from one color to the other. Works when hooked to a gesture too 🎉 The below demo updates hue and saturation as you pan, source:

4

12

85

Krzysztof Magiera

@kzzzf

3 months

While 3.7 comes with a lot of cool updates I'm most excited about some perf wins that didn't make the highlights, and the new (used internally for now) API for synchronous cross-runtime worklet execution (executeOnUIRuntimeSync that also improves perf btw)

Software Mansion

@swmansion

3 months

React Native Reanimated 3.7.0 is out! 🔥 – New 𝚌𝚕𝚊𝚖𝚙 parameter in withSpring 🆕 – Generator support in worklets ☄️ – visionOS support 😎 – Many bug fixes and improvements 🧑‍💻

2

25

237

1

9

86

Krzysztof Magiera

@kzzzf

4 years

Reanimated 2 webinar is happening this Thursday at 7 PM CEST / 10 AM PST. It is free to attend and there is still time to let us know what topics you'd like me to cover. Please comment with ideas and questions on this thread 👇

Software Mansion

@swmansion

4 years

Even if you're not sure you can make it for the webinar, register anyway! We are sending the webinar recording to everyone who registers! 📹 Also, do you have any questions for @kzzzf ? You can post it now & we'll answer Thursday! 👇👇👇

4

20

10

12

82

Krzysztof Magiera

@kzzzf

4 years

Reanimated's animation modifiers allows for creating animation loops, sequences and more. This shaking box runs a sequence of swing animations (swing left, loop from left to right, then back to center)

2

5

81

Krzysztof Magiera

@kzzzf

5 years

New reanimated @1 .1.0 release includes changes made by 14!!!! unique contributors. The changelog is huge and thanks to the community we managed to land so many improvements and fixes 👇

Release 1.1.0 · software-mansion/react-native-reanimated

Minor release with a huge ton of improvement and a couple small features added. Read on 👇 🎉 NEW FEATURES Allow call's input to be a string on Android by @osdnk (#198) Add SpringUtils.js by @os...

github.com

1

15

79

Krzysztof Magiera

@kzzzf

4 years

Another thing that I am really excited about in new Reanimated is tighter integration with gesture handler. Forget about gesture states. Check the code snippet to see how easy it is to write interruptible gesture interactions that runs fully on the UI thread.

Krzysztof Magiera

@kzzzf

4 years

Reanimated worklets are the backbone of our new architecture. They allow for executing JS on the UI thread pretty seamlessly. No worker bundles, no message passing, just JavaScript

2

8

43

1

14

81

Krzysztof Magiera

@kzzzf

5 years

Have you ever noticed that opacity in React Native behaves differently on Android vs iOS? It is because on Android rendering is more efficient when you apply opacity to all views separately and then "multiply blend" these 🤷 However this often yields undesirable effects 👀

3

22

78

Krzysztof Magiera

@kzzzf

1 month

Interactive demos are often best ways to explain different concepts. With this one you'll never get lost when writing sophisticated gestures logic with React Native Gesture Handler, or if you just want to understand what events to expect and when.

Software Mansion

@swmansion

1 month

UNDETERMINED, FAILED, BEGAN, CANCELLED, ACTIVE, or END. Each gesture in the React Native Gesture Handler is a state machine, this means a gesture can be in one of these states. If you've ever had trouble visualizing this, we've created a cool interactive example for you 👇

5

29

192

2

3

77

Krzysztof Magiera

@kzzzf

3 years

9 years ago today @swmansion was founded.I'm proud of the team's impact over these years on OSS communities both in ReactNative and multimedia space with @ElixirMembrane , and of the value this brings to our clients. Here's to the next year of impactful projects and contibutions🥂

Software Mansion

@swmansion

3 years

Happy birthday to us 🥳 We're celebrating all the people who made this happen tonight ❤️

2

5

67

3

77

Krzysztof Magiera

@kzzzf

5 years

Just published gesture-handler 1.0.12. We have something new for both Android and iOS fans – this release includes ripple color setting and brand new force touch handler (courtesy of @mosdnk ) 🎉 Check full release notes and our "hall of fame" 🏒👇

Release 1.0.12 · software-mansion/react-native-gesture-handler

Minor release with a number of bugfixes and one new big feature – ForceTouchGestureHandler (also ripple color on Android slipped in for this release) Next release will likely drop support to RN <...

github.com

2

18

73

Krzysztof Magiera

@kzzzf

6 months

4/ When you use console from your application’s code, it outputs to the built-in VSCode console. It comes bundled with logs filtering functionality and displays links back to the source code with the log statement.

1

74

Krzysztof Magiera

@kzzzf

6 months

7/ Device settings are available right in the preview window. You can adjust text size or light/dark mode. This works for both the component previews and for the main application project.

2

1

73

Krzysztof Magiera

@kzzzf

4 years

I’ll be hosting a webinar to showcase Reanimated 2 API (there will be some cool examples). Will also discuss architecture and internals of the new version, and will have some time to take questions at the end. Sign up here and see you in three weeks!

Software Mansion

@swmansion

4 years

Some of you already know from our yesterday's announcement. A LOT OF you actually already signed up! But just to make it official - #swmAcademy is organizing another workshop with @kzzzf as a host! 🎉🎉🎉 ✔️ You can read more and register here:

1

4

33

4

17

71

Krzysztof Magiera

@kzzzf

3 years

This is a really big release packed with new stuff and some major changes to the internals. Congrats to the team for pulling it off!

Software Mansion

@swmansion

3 years

What you can see below is the new @reactnative Screens feature - transition progress! 🤩 We also added full-width swipe and more features that you can read about in the release notes for RN Screens 3.7.0 💙

7

44

316

1

2

72

Krzysztof Magiera

@kzzzf

1 year

Was a great pleasure showing Reanimated’s ins and outs to this group along with fantastic ⁦ @mironcatalin ⁩ and ⁦ @kacperkapusciak ⁩ at ⁦ @appjsconf ⁩

0

10

70

Krzysztof Magiera

@kzzzf

5 years

It's "release Friday" today! Starting off with a fresh 1.1.0 gesture handler release bringing experimental web support, RN touchable polyfills and overflow visible support on Android. Enjoy!

Release 1.1.0 · software-mansion/react-native-gesture-handler

Minor release including a number of improvements and experimental web support. This version requires react-native in version at least 0.57.2. If you can't upgrade please use 1.0.X version line ...

github.com

2

12

69

Krzysztof Magiera

@kzzzf

7 years

Want to learn more about gesture system in RN? Here are the slides from my talk at @ReactAmsterdam for you to enjoy:

React Native Touch & Gesture

React Native allows for building great native apps by utilising native mobile components. Apparently handling touch and gestures is quite tricky as it often needs to interact with the application...

speakerdeck.com

5

19

66

Krzysztof Magiera

@kzzzf

6 years

Here are slides from my @react_native_eu talk on the evolution of navigation 👇

It all starts with navigation

For the past 2.5 years I've been working on a bunch of projects, all aiming to expose some native capabilities to be controlled from JavaScript in React Native app. Most notable ones were: native...

speakerdeck.com

1

21

69

Krzysztof Magiera

@kzzzf

5 years

There's been a lot of discussions lately on the sustainability of open source. Wanted to share our new strategy @swmansion for open source projects. If you use gesture-handler, reanimated, etc I hope this will make your experience better soon 🙌

Open Source at Software Mansion

We are committing to expand our engagement in Open-Source Software development.

blog.swmansion.com

6

16

67