react-native-performance
restyle
react-native-performance | restyle | |
---|---|---|
3 | 11 | |
861 | 2,788 | |
0.7% | 1.0% | |
4.2 | 7.3 | |
12 days ago | 22 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.
react-native-performance
-
Jobber's React Native migration - Success!
Implementing a bunch of optimizations via memoization/use callback (using Shopify’s lovely perf libs ❤️🇨🇦) to improve performance.
- Best advanced sources for RN
- Shopify/react-native-performance: Performance monitoring for React Native apps
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?
flash-list - A better list for React Native
tamagui - Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
react-native-svg - SVG library for React Native, React Native Web, and plain React web projects.
react-native-reanimated - React Native's Animated library reimplemented
react-native-bootsplash - 🚀 Show a splash screen during app startup. Hide it when you are ready.
NativeBase - Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
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.
react-native-ui-kitten - :boom: React Native UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
redux-persist - persist and rehydrate a redux store
react-native-dotenv - Load react native environment variables using import statements for multiple env files.
React-Native-Apps - Curated List of Open Source React Native Apps. Curation curtesy of