react-native-extended-stylesheet
tailwind-react-native-classnames
Our great sponsors
react-native-extended-stylesheet | tailwind-react-native-classnames | |
---|---|---|
5 | 9 | |
2,909 | 1,846 | |
- | - | |
0.0 | 8.1 | |
about 1 year ago | 4 days ago | |
JavaScript | TypeScript | |
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-extended-stylesheet
- Reload the whole App module
-
Suggestion for writing style in react-native
My 2 cents: ditch that mindset and embrace Stylesheet. There’s some nice extensions like https://github.com/vitalets/react-native-extended-stylesheet that allow global variables and what not.
- What is the best approach to modify(increase or decrease) font size in the entire app on button click
-
Magnus UI vs. Dripsy - Chakra UI alternatives for React Native (+Web)
Not yet responsive, but planned responsive with react-native-media-queries, which makes pure CSS media queries also run on native (with device orientation). Since Magnus UI generates pure CSS media queries when run on web. They consider it more performant than using Fresnel. But the jury is out... Alternatively, it might be that Magnus UI will use react-native-extended-stylesheet as a drop-in replacement for the StyleSheet in React Native which also supports media queries on native.
-
What is the best way to make react native app responsive on different screen sizes? Like small screen and huge screen!?
This library is very handy as well https://github.com/vitalets/react-native-extended-stylesheet
tailwind-react-native-classnames
- How to achieve a responsive UI in React Native apps in both Android and iOS across wildly different devices?
-
What’s RN’s version of Material-UI or Tailwind for React?
tailwind-rn and twrnc are good options.
-
From React to React Native
You can use tailwind in RN,https://github.com/jaredh159/tailwind-react-native-classnames
-
The different strategies to building a cross-platform app
twrnc aka. tailwind-react-native-classnames instead of NativeWind, comparison. But twrnc doesn't have responsivity + SSR support.
-
Using Tailwind CSS in React Native
While there are a few Tailwind packages well suited for React Native, I chose to use tailwind-react-native-classnames over tailwind-rn. tailwind- react-native-classnames is based on Classnames, a JavaScript utility that is used to improve Tailwind code on the Web, and therefore should be more familiar to developers using Tailwind CSS.
-
Which of the two packages is better for using Tailwind CSS in react native
I wrote a comparison to twrnc https://github.com/jaredh159/tailwind-react-native-classnames/discussions/171, but since then the feature set of NativeWind has grown.
- Suggestion for writing style in react-native
-
Tailwind dark mode, media queries, and JIT arbitrary utilities fo React Native
Posted a while back about a Tailwind + RN library I wrote, and got a pretty good response. Thought I'd let folks know I've released a complete re-write of the library with some slick new features that are super useful for RN development:
-
NextJS with React Native
Like https://github.com/jaredh159/tailwind-react-native-classnames ?
What are some alternatives?
styled-system - ⬢ Style props for rapid UI development
react-native-viewpager - React Native wrapper for the Android ViewPager and iOS UIPageViewController.
dripsy - 🍷 Responsive, unstyled UI primitives for React Native + Web.
capacitor - Build cross-platform Native Progressive Web Apps for iOS, Android, and the Web ⚡️
react-native-magnus - A Utility-First React Native UI Framework 🚀🧩
Flutter - Flutter makes it easy and fast to build beautiful apps for mobile and beyond
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
core - 🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
react-native-sugar-style - React Native Stylesheet alternative with theme support
react-native-screens - Native navigation primitives for your React Native app.
detect-responsive-traits - Determine responsive traits to only server-side render markup truly needed.
react-native-webview - React Native Cross-Platform WebView