Hey notJust Developers,
The most exciting news of last week is that Legend List v1.0 was released with powerful new features. Let’s check out today’s highlights.
- Legend List v1.0 Out 🔥
- React Native Paper v5.13.5 Released 💯
- React Native Brownfield v1.0.0 🚀
Don't miss out on App.js 2025
Join us at the 5th edition of App.js, 28-30 May, to have fun with fellow React Native developers! Meet the creators of React Native and Expo, connect with the people behind your favorite libraries, and hang out with your GitHub and Twitter friends in real life.
Use the code "NotJustConf" to get 20% off the conference ticket!
Legend List v1.0 Out 🚀
After several pre-release versions, LegendApp—the company behind the Legend productivity suite—recently released Legend List v1.0, which is a drop-in replacement for FlatList (basic virtualised list) and FlashList (high-performance list) with better performance, especially when handling dynamically sized items. Let's dive in!
What Is Legend List?
Legend List is a visualised Scroll View library designed to render only visible items for massive performance gain. It achieves this by recycling off-screen views and maintaining content position without hacks like inversion in chat lists.
Key Features
- Extremely Fast Rendering: Tests show it works faster than FlatList and FlashList, even when list items have different sizes.
- Dynamic Item Sizes: It can handle items that are taller or wider than others all by itself. You don’t need to set sizes manually.
- Optional Recycling Hooks: It can reuse parts of the list to make it faster and use less memory.
- Bidirectional Infinite Scrolling: You can keep scrolling up or down, and it will keep loading more items in both directions.
- Chat UI Ready: Implements maintainContentVisiblePosition (Sticky scroll position) so you can build chat interfaces without the inversion trick.
Performance Highlights
- Only Uses JavaScript: No need for extra native code—easy to install and works right away.
- Runs Tasks in Background: It moves heavy layout work to the background so the app runs more smoothly.
- Works in Big Apps: It’s been tested in big apps like TikTok and can handle thousands of list items without slowing down.
- Fixes for Menus and Cards: Menus show up in the right place, work well under see-through bars, and cards don’t jump or move in strange ways.
- Better Look and Fewer Bugs: Buttons and icons look better, text scales correctly, badges hide when empty, and layouts are cleaner and more correct..
React Native Paper v5.13.5 Released🔥
A few days ago, Callstack released React Native Paper v5.13.5, the latest update to their popular Material Design UI library for React Native apps. This new version fixes several small bugs to make your app look and work even better.
Top Changes
- Platform & Architecture Upgrades: React Native and Expo versions were bumped, and full support for the new Fabric/TurboModules architecture was added, so future upgrades are smoother
- Enhanced TextInput Behaviour: Removed unwanted outlines on web (TextInputFlat), added the missing setSelection method, fixed multiline input labels on iOS, and improved label opacity for consistent rendering.
- Improved FAB & Animation Handling: Fixed TypeScript and styling issues in Animated.FAB and Animated. Text ensured FAB. Group subitems remain accessibility-focused when collapsed, and properly hide actions after closing.
- Menu & Card Behaviour Fixes: Refined menu visibility logic, corrected menu positioning under translucent status bars, prevented unwanted elevation animations in contained
Card components, and managed safe-area insets in app bar headers.
- General UI Polish & Bug Fixes: Corrected
TouchableRipple borderRadius for Button/IconButton, fixed Chip shadow/height issues, ensured DataTable.Title respects font scaling, prevents zero-count badges from rendering, resets cursor to auto on disabled touchables, and removes unnecessary padding for cleaner layouts.
What is React Native Paper?
React Native Paper is an open-source UI toolkit that provides a collection of customizable components following Google's Material Design guidelines. It enables developers to create consistent and visually appealing user interfaces for both iOS and Android platforms. The library offers features like theming support, accessibility, and cross-platform compatibility, streamlining the development process and enhancing the user experience.
React Native Brownfield v1.0.0 💯
Recently, Callstack released React Native Brownfield v1.0.0, a complete rewrite of their Brownfield integration library with full support for modern native UI frameworks and architectures. Here are the major highlights.
Key Features
- Comprehensive rewrite: Offers a complete library overhaul with first-class support for SwiftUI, UIKit, Jetpack Compose, and legacy views.
- New architecture & bridgeless mode: Works with both legacy and new React Native architectures, including bridgeless operation on iOS and Android.
- Framework packaging: Enables packaging Brownfield helpers as a standalone framework for easy distribution in native projects.
- Streamlined API: Introduces a single-method entry point to start React Native and reuse the same bridge instance across screens.
- Native controls & gestures: Lets you disable/enable native gestures and hardware back buttons from JavaScript, and leverages predefined native building blocks.
- Multi-language support: Fully compatible with Objective-C, Swift, Java, and Kotlin on the native side.
That’s it 🙌
Tastemaker Design’s video claims React Native isn’t as popular as most people think, while Theo argues that React Native and Swift share the spotlight equally. What’s your take—who’s right?
🔴 Join me live
This Friday, we will build a Full-Stack Threads Clone with React Native & Supabase. It's going to be a tutorial packed with value, so set a reminder and don't miss it out 👇
🔁 In case you missed it
Set Up CI/CD to Auto-Deploy to AWS ECS
You’ll learn how to set up CI/CD pipelines to automatically deploy your app to AWS ECS Fargate. Using tools like GitHub Actions and GitLab CI/CD, you’ll build real workflows to deploy to staging and production environments with just a git push, without any manual steps required.
|
|
Build the Audible clone in React Native (Tutorial for Beginners)
Build a fully functional Audible clone using React Native, Supabase, and Clerk. You’ll learn how to create an end-to-end app with modern UI, real audio playback, user authentication, and database integration.
|
🔥 Press worthy
1️⃣ React Native Enterprise Framework is now open source, allowing teams to gradually adopt React Native as a drop-in replacement for the Community CLI.
2️⃣ React Native Reanimated v3.17.5 brings performance tweaks to the popular gesture-driven animation library.
3️⃣ ComplyCube React Native SDK v1.1.5 updates its mobile KYC/AML flows, enhancing document scan stability and multilingual support.
4️⃣ React Native Video v6.13.0 addresses playback edge cases and optimises buffering logic for both local and remote media sources.
5️⃣ React Native Safe Area Context v5.4.0 fine-tunes inset handling across iOS, Android, web, and desktop for rock-solid layout consistency.
Did you learn something new today?
If you found this email valuable, forward it to one friend or coworker who can also benefit from it. That would be much appreciated 🙏
The newsletter was written by Anis and edited by Vadim Savin.
|
|
Vadim Savin
Helping you become a better developer together with notJust.dev team
|
Whenever you’re ready, there are 2 ways I can help you:
- React Native Mastery – The Ultimate React Native & Expo Course. Build 7 real-world projects and finally master mobile development with React Native. Available NOW!
- Join us as a Sponsor - Showcase your product to mobile developers and turn them into skilled, loyal users through engaging hands-on tutorials.
Because the best marketing happens through education!
|
|