<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>React-Native-Architecture on Producthunt daily</title>
        <link>https://producthunt.programnotes.cn/en/tags/react-native-architecture/</link>
        <description>Recent content in React-Native-Architecture on Producthunt daily</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>en</language>
        <lastBuildDate>Sat, 26 Jul 2025 15:30:08 +0800</lastBuildDate><atom:link href="https://producthunt.programnotes.cn/en/tags/react-native-architecture/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>react-native-reanimated</title>
        <link>https://producthunt.programnotes.cn/en/p/react-native-reanimated/</link>
        <pubDate>Sat, 26 Jul 2025 15:30:08 +0800</pubDate>
        
        <guid>https://producthunt.programnotes.cn/en/p/react-native-reanimated/</guid>
        <description>&lt;img src="https://images.unsplash.com/photo-1629482924451-44eff104bcd9?ixid=M3w0NjAwMjJ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3NTM1MTQ5Mzl8&amp;ixlib=rb-4.1.0" alt="Featured image of post react-native-reanimated" /&gt;&lt;h1 id=&#34;software-mansionreact-native-reanimated&#34;&gt;&lt;a class=&#34;link&#34; href=&#34;https://github.com/software-mansion/react-native-reanimated&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;software-mansion/react-native-reanimated&lt;/a&gt;
&lt;/h1&gt;&lt;img src=&#34;https://user-images.githubusercontent.com/16062886/117443145-ff868480-af37-11eb-8680-648bccf0d0ce.png&#34; alt=&#34;React Native Reanimated by Software Mansion&#34; width=&#34;100%&#34;&gt;
&lt;h3 id=&#34;create-smooth-animations-with-an-excellent-developer-experience&#34;&gt;Create smooth animations with an excellent developer experience.
&lt;/h3&gt;&lt;blockquote&gt;
&lt;p&gt;Reanimated 4 is here! Check out our &lt;a class=&#34;link&#34; href=&#34;https://docs.swmansion.com/react-native-reanimated/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;documentation page&lt;/a&gt; for more information&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3 id=&#34;nightly-ci-state&#34;&gt;Nightly CI state
&lt;/h3&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://github.com/software-mansion/react-native-reanimated/actions/workflows/npm-reanimated-publish-nightly.yml&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;&lt;img src=&#34;https://github.com/software-mansion/react-native-reanimated/actions/workflows/npm-reanimated-publish-nightly.yml/badge.svg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;NPM Reanimated publish nightly&#34;
	
	
&gt;&lt;/a&gt;
&lt;a class=&#34;link&#34; href=&#34;https://github.com/software-mansion/react-native-reanimated/actions/workflows/npm-worklets-publish-nightly.yml&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;&lt;img src=&#34;https://github.com/software-mansion/react-native-reanimated/actions/workflows/npm-worklets-publish-nightly.yml/badge.svg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;NPM Worklets publish [Nightly]&#34;
	
	
&gt;&lt;/a&gt;
&lt;a class=&#34;link&#34; href=&#34;https://github.com/software-mansion/react-native-reanimated/actions/workflows/lint-clang-tidy-nightly.yml&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;&lt;img src=&#34;https://github.com/software-mansion/react-native-reanimated/actions/workflows/lint-clang-tidy-nightly.yml/badge.svg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Lint clang-tidy [Nightly]&#34;
	
	
&gt;&lt;/a&gt;
&lt;a class=&#34;link&#34; href=&#34;https://github.com/software-mansion/react-native-reanimated/actions/workflows/reanimated-compatibility-check-nightly.yml&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;&lt;img src=&#34;https://github.com/software-mansion/react-native-reanimated/actions/workflows/reanimated-compatibility-check-nightly.yml/badge.svg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Reanimated compatibility check&#34;
	
	
&gt;&lt;/a&gt;
&lt;a class=&#34;link&#34; href=&#34;https://github.com/software-mansion/react-native-reanimated/actions/workflows/use-frameworks-reanimated-build-check-nightly.yml&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;&lt;img src=&#34;https://github.com/software-mansion/react-native-reanimated/actions/workflows/use-frameworks-reanimated-build-check-nightly.yml/badge.svg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Use frameworks Reanimated build check [Nightly]&#34;
	
	
&gt;&lt;/a&gt;
&lt;a class=&#34;link&#34; href=&#34;https://github.com/software-mansion/react-native-reanimated/actions/workflows/react-native-nightly-reanimated-build-check-nightly.yml&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;&lt;img src=&#34;https://github.com/software-mansion/react-native-reanimated/actions/workflows/react-native-nightly-reanimated-build-check-nightly.yml/badge.svg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;React Native nightly Reanimated build check&#34;
	
	
&gt;&lt;/a&gt;
&lt;a class=&#34;link&#34; href=&#34;https://github.com/software-mansion/react-native-reanimated/actions/workflows/expo-devclient-build-check-nightly.yml&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;&lt;img src=&#34;https://github.com/software-mansion/react-native-reanimated/actions/workflows/expo-devclient-build-check-nightly.yml/badge.svg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Expo DevClient build check&#34;
	
	
&gt;&lt;/a&gt;
&lt;a class=&#34;link&#34; href=&#34;https://github.com/software-mansion/react-native-reanimated/actions/workflows/reanimated-typescript-compatibility-test-nightly.yml&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;&lt;img src=&#34;https://github.com/software-mansion/react-native-reanimated/actions/workflows/reanimated-typescript-compatibility-test-nightly.yml/badge.svg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Reanimated TypeScript compatibility test&#34;
	
	
&gt;&lt;/a&gt;
&lt;a class=&#34;link&#34; href=&#34;https://github.com/software-mansion/react-native-reanimated/actions/workflows/windows-hosted-app-reanimated-build-check-nightly.yml&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;&lt;img src=&#34;https://github.com/software-mansion/react-native-reanimated/actions/workflows/windows-hosted-app-reanimated-build-check-nightly.yml/badge.svg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Windows hosted app Reanimated build check&#34;
	
	
&gt;&lt;/a&gt;
&lt;a class=&#34;link&#34; href=&#34;https://github.com/software-mansion/react-native-reanimated/actions/workflows/url-validation-nightly.yml&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;&lt;img src=&#34;https://github.com/software-mansion/react-native-reanimated/actions/workflows/url-validation-nightly.yml/badge.svg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;URL validation&#34;
	
	
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2 id=&#34;installation&#34;&gt;Installation
&lt;/h2&gt;&lt;p&gt;Check out the &lt;a class=&#34;link&#34; href=&#34;https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started/#installation&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;installation&lt;/a&gt; section of our docs for the detailed installation instructions.&lt;/p&gt;
&lt;h2 id=&#34;compatibility&#34;&gt;Compatibility
&lt;/h2&gt;&lt;p&gt;React Native Reanimated 4.x supports only the &lt;a class=&#34;link&#34; href=&#34;https://reactnative.dev/architecture/landing-page&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;New React Native architecture&lt;/a&gt; and three latest React Native versions.&lt;/p&gt;
&lt;p&gt;If your app still runs on the old architecture, please consider adopting the New Architecture or stay with latest 3.x release.&lt;/p&gt;
&lt;h2 id=&#34;documentation&#34;&gt;Documentation
&lt;/h2&gt;&lt;p&gt;Check out our dedicated documentation page for info about this library, API reference and more: &lt;a class=&#34;link&#34; href=&#34;https://docs.swmansion.com/react-native-reanimated/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://docs.swmansion.com/react-native-reanimated/&lt;/a&gt;&lt;/p&gt;
&lt;h2 id=&#34;examples&#34;&gt;Examples
&lt;/h2&gt;&lt;p&gt;The source code for the example (showcase) app is under the &lt;a class=&#34;link&#34; href=&#34;https://github.com/software-mansion/react-native-reanimated/blob/main/apps/common-app/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;&lt;code&gt;apps/common-app&lt;/code&gt;&lt;/a&gt; directory.
If you want to play with the API but don&amp;rsquo;t feel like trying it on a real app, you can run the example project. Check &lt;a class=&#34;link&#34; href=&#34;apps/fabric-example/README.md&#34; &gt;Example README&lt;/a&gt; for installation instructions.&lt;/p&gt;
&lt;h2 id=&#34;license&#34;&gt;License
&lt;/h2&gt;&lt;p&gt;Reanimated library is licensed under &lt;a class=&#34;link&#34; href=&#34;LICENSE&#34; &gt;The MIT License&lt;/a&gt;.&lt;/p&gt;
&lt;h2 id=&#34;credits&#34;&gt;Credits
&lt;/h2&gt;&lt;p&gt;This project has been built and is maintained thanks to the support from &lt;a class=&#34;link&#34; href=&#34;https://shopify.com&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Shopify&lt;/a&gt;, &lt;a class=&#34;link&#34; href=&#34;https://expo.io&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Expo.io&lt;/a&gt; and &lt;a class=&#34;link&#34; href=&#34;https://swmansion.com&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Software Mansion&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://shopify.com&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;&lt;img src=&#34;https://avatars1.githubusercontent.com/u/8085?v=3&amp;amp;s=100&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;shopify&#34;
	
	
&gt;&lt;/a&gt;
&lt;a class=&#34;link&#34; href=&#34;https://expo.io&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;&lt;img src=&#34;https://avatars2.githubusercontent.com/u/12504344?v=3&amp;amp;s=100&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;expo&#34;
	
	
&gt;&lt;/a&gt;
&lt;a class=&#34;link&#34; href=&#34;https://swmansion.com&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;&lt;img src=&#34;https://logo.swmansion.com/logo?color=white&amp;amp;variant=desktop&amp;amp;width=150&amp;amp;tag=react-native-reanimated-github&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;swm&#34;
	
	
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2 id=&#34;community-discord&#34;&gt;Community Discord
&lt;/h2&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://discord.swmansion.com&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Join the Software Mansion Community Discord&lt;/a&gt; to chat about Reanimated or other Software Mansion libraries.&lt;/p&gt;
&lt;h2 id=&#34;reanimated-is-created-by-software-mansion&#34;&gt;Reanimated is created by Software Mansion
&lt;/h2&gt;&lt;p&gt;Since 2012 &lt;a class=&#34;link&#34; href=&#34;https://swmansion.com&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Software Mansion&lt;/a&gt; is a software agency with experience in building web and mobile apps. We are Core React Native Contributors and experts in dealing with all kinds of React Native issues. We can help you build your next dream product – &lt;a class=&#34;link&#34; href=&#34;https://swmansion.com/contact/projects?utm_source=reanimated&amp;amp;utm_medium=readme&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Hire us&lt;/a&gt;.&lt;/p&gt;
</description>
        </item>
        
    </channel>
</rss>
