flash-list
restyle
Our great sponsors
| flash-list | restyle | |
|---|---|---|
| 25 | 11 | |
| 4,915 | 2,781 | |
| 6.1% | 2.2% | |
| 8.3 | 7.3 | |
| 7 days ago | 6 days ago | |
| TypeScript | TypeScript | |
| MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
flash-list
-
Is React Native really that bad?
Also, yes, scrolling handling with lots of images can be a problem, but don't panic, React Native has some good partners 😉. Shopify created a library specifically to deal with this problem called FlashList ⚡ which is now the solution to this problem.
- React native for Linux app development in 2023
- Flash News App React Native (Expo^)
-
Flatlist starting to be very slow! (RN w/ Typescript)
Use flashlist
- Best advanced sources for RN
-
Improving FlatList Performance
FlashList is what you want https://shopify.github.io/flash-list/
-
Horizontal Flatlist in a vertical Flatlist
I think there's a lot of apps out there that have this type of navigation. I'm working myself on one like that :) It's doable, BUT you have to make sure to work on all sorts of perf improvements. You should also check out FlashList https://shopify.github.io/flash-list/
-
Powerfull apps
In my experience Flashlist from Shopify mostly solves the issue with large lists. I'd prefer if it was built-in to the platform, still...
-
need help with Shopify's Flash-List , react native
It can't render same height items. I reported bug, still wait for response
-
TOP 6 React Native libraries with native performance ⚡️
2. FlashList
restyle
-
Rebuilt my React Native app with Shopify’s Restyle and Expo 48
I’ve just rebuilt my React Native app template with shopify restyle and Expo 48.
- Best advanced sources for RN
-
Nativewind for a new project?
I use Restyle https://shopify.github.io/restyle/ since I discovered it, my code is so much cleaner. I have tried NativeBase before, it was really good but it has a very bad performance.
- Which library i can use for theme in react native
-
Style libraries for RN
Restyle is my personal favorite. It’s strongly inspired by the amazing, albeit a bit outdated, styled-system for web, but is fully type-safe and has amazing customization options.
-
Styling RN apps
I personally prefer Restyle
- does making custom themes have a difference ?
-
📱 A template for your next React Native project 🚀
💅 Minimal UI kit using @shopify/restyle with theming
-
Hello native developers what is the best way to design responsive layout ( spacing, height,width, font size) in react native
If you are building out your own custom components use restyle https://github.com/Shopify/restyle
-
What I Learned as a Web Dev on My First React Native Project
Forget CSS pseudo-elements and selectors; in React Native, we inline the styles. The recommended approach is to use a StyleSheet object, but I enjoy using Styled Components in a similar way as on the web. If you are a fan of styled systems, Restyle from Shopify is gaining popularity.
What are some alternatives?
recyclerlistview - High performance listview for React Native and web!
tamagui - Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
react-native-fast-image - 🚩 FastImage, performant React Native image component.
react-native-svg - SVG library for React Native, React Native Web, and plain React web projects.
flat-list-mvcp - "maintainVisibleContentPosition" prop support for Android react-native
react-native-reanimated - React Native's Animated library reimplemented
react-native-gifted-chat - 💬 The most complete chat UI for React Native
react-native-bootsplash - 🚀 Show a splash screen during app startup. Hide it when you are ready.
react-native-big-list - This is a high performance list view for React Native with support for complex layouts using a similar FlatList usage to make easy the replacement. This list implementation for big list rendering on React Native works with a recycler focused on performance and memory usage and so it permits processing thousands items on the list.
NativeBase - Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
react-native-vision-camera - 📸 A powerful, high-performance React Native Camera library.
react-native-template-obytes - 📱 A template for your next React Native project: Expo, PNPM, TypeScript, TailwindCSS, Husky, EAS, GitHub Actions, Env Vars, expo-router, react-query, react-hook-form.