DevL∞p

21 yo | Building an app for music lovers | React Native | Native Japanese speaker | English learner

[DevL∞p @endlessFrontend]

🎨 Announcing react-native-nitro-palette!

Extract color palettes from images faster than ever, powered by @mrousavy's Nitro Modules.

GitHub link in comments 👇

[DevL∞p @endlessFrontend]

@matinzd Yes! The component is made up of just react native components and animated using reanimated v3

[DevL∞p @endlessFrontend]

I've done something similar to this with entering/exiting animations and layout animations, and I think it's easier.

[Hirbod @hirbod]

I literally can’t imagine ever going back to Reanimated v3. I can’t believe how good v4 is! I’ve never seen such a polished beta. Huge kudos to @MatiPl01 and @swmansion. I replicated the native search bar without LayoutAnimations in just 3 minutes!

[DevL∞p @endlessFrontend]

@mironcatalin @ziusko I think this should be included in @expo GO like Reanimated, ViewPager, etc. I can't handle TextInput without it anymore.

[DevL∞p @endlessFrontend]

This sounds powerful! After checking the expo-image-manipulator source code, I think I get it. I plan to use these features for a native module in development. Looking forward to the Docs to confirm my understanding!

[Expo @expo]

⚡ Struggling with performance and verbose APIs in React Native?
We’ve got you. Shared Objects in Expo Modules solve the problem of passing native state between JS calls—fast, clean, and powerful. Learn more here 👉 https://t.co/dNdrl7VD4n

[DevL∞p @endlessFrontend]

@swmansion v4 or shared transition in new architecture?

[DevL∞p @endlessFrontend]

@jpudysz @brentlok_ That's great to hear. I'm glad to know it's already implemented. Thank you for the update, and have a nice weekend.

[DevL∞p @endlessFrontend]

@thomaspaulmann I've used it once and I already love it! I hope the iOS version of Raycast will have something similar to this feature.

[DevL∞p @endlessFrontend]

Looking forward to the release of React Native 0.78 and its anticipated support for React 19.

I'm curious about which React 19 features you think will enhance mobile app development. Are there any specific features you're excited to use?
https://t.co/k5NbVAuOct

[DevL∞p @endlessFrontend]

Pro tip: Help Copilot generate better commit messages by configuring conventional commit format!

Here's my settings.json config.

Now Copilot knows exactly how to format commits 🎯

[Visual Studio Code @code]

Say goodbye to those “adding changes” commit messages 👋

Copilot can suggest a commit message for you based on the changes you made.

Available to everyone today with GitHub Copilot Free. Learn more: https://t.co/k3S9M9xefa

[DevL∞p @endlessFrontend]

@aeid1992 You’re absolutely right. I was in a hurry and didn’t notice. Please consider replacing the global variable with a local one and thinking about it from that perspective.

[DevL∞p @endlessFrontend]

I personally prefer unistyles. It keeps my codebase consistent and clean without needing inline styles for conditional styling or applying multiple styles.

Plus, it supports media queries, making it even more powerful for responsive design.

[Simon Grimm @schlimmson]

I'll probably get canceled or end in React Native hell for this.

But it's pretty cool how you can use both Tailwind styling and React Native styles on the same element 😂

[DevL∞p @endlessFrontend]

@schlimmson I had tried this too but didn't like it - felt like it lacked consistency in the codebase. One styling approach is cleaner to me 😅

[DevL∞p @endlessFrontend]

@expo team and contributors never cease to amaze me - Expo 52 just released in mid-November, and they're already working on Expo 53 canary! 🚀

Shouldn't try it yet, but can't help getting excited about what's coming next 😊

Much respect to the team!

[DevL∞p @endlessFrontend]

@FardeemM The gradient effect is based on @wcandillon's tutorial! You can check it out here:
https://t.co/m7n2JmmWcR

[DevL∞p @endlessFrontend]

I've also built something with react-native-nitro-palette.
Interested? Check out react-native-nitro-palette: https://t.co/CxqYq3kdtd

[DevL∞p @endlessFrontend]

@rvibit Ah, I see! Yes, you're right on both points - pre-calculation and smooth transitions would definitely improve this demo. This is just a quick example to demonstrate the color extraction feature, but I appreciate the suggestions! 🙏

[DevL∞p @endlessFrontend]

@rvibit react-native-nitro-palette just handles the color extraction - pre-calculation and transition animations would be up to your implementation.

[DevL∞p @endlessFrontend]

@kubacienciala You're absolutely right! interpolateColor would make it smoother. This is just a demo to show the color extraction feature, but there's definitely room for animation improvements 👍

[DevL∞p @endlessFrontend]

What a cool use case for react-native-nitro-palette!
This is exactly the kind of creative implementation I hoped to see - taking UI to the next level! ✨

[Arunabh Verma @iamarunabh]

🚀 Just built this cool carousel!

- Background gradient by @endlessFrontend's Nitro Palette
- Gradient blur inspired by @BriceZele's React Native Gradient Blur

And yes, @expo is the backbone making it all possible

Had to try it out. Here it is! 🙌