NativeBase
react-native-web
Our great sponsors
NativeBase | react-native-web | |
---|---|---|
57 | 62 | |
19,997 | 21,312 | |
0.4% | - | |
3.7 | 6.4 | |
3 months ago | 14 days ago | |
TypeScript | JavaScript | |
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.
NativeBase
-
Exploring the Best UI Component Libraries for React Native apps
Gluestack, like any other customizable UI library, is built to make styling less cumbersome. It comprises a set of themed and unstyled components easily integrated across different platforms and devices. Originally, Gluestack was a part of NativeBase, a component library for both React and React Native. With performance and maintainability in mind, NativeBase was split into two parts, focusing on a universal CSS-in-JS library and an independent set of unstyled components. Gluestack has several advantages, some of which are:
-
Flash-cards app with OpenAI
Native-base
-
Best headless UI libraries in React Native
Just like the other libraries mentioned in this article, Gluestack is another unstyled component library. Originally a part of NativeBase, the developer team created this library to prevent bloat and enhance maintainability of the project.
-
An Overview of 25+ UI Component Libraries in 2023
KumaUI : Another relatively new contender, Kuma uses zero runtime CSS-in-JS to create headless UI components which allows a lot of flexibility. It was heavily inspired by other zero runtime CSS-in-JS solutions such as PandaCSS, Vanilla Extract, and Linaria, as well as by Styled System, ChakraUI, and Native Base. ### Vue
- Should I use tamagui?
-
What’s RN’s version of Material-UI or Tailwind for React?
Some that also come up are: * https://github.com/akveo/react-native-ui-kitten * https://github.com/draftbit/react-native-jigsaw/tree/master/packages/ui * https://github.com/callstack/react-native-paper * https://github.com/GeekyAnts/NativeBase * https://github.com/react-native-elements/react-native-elements
You can see timeline of that here: https://github.com/GeekyAnts/NativeBase/issues/4302
- Is this card style possible to do with React Native ?
- Suggestions for first-time React Native app
- How to make my apps look and feel more professional?
react-native-web
-
NextJS on iOS & Android????? How???
maybe https://necolas.github.io/react-native-web/? https://github.com/vercel/next.js/blob/canary/examples/with-react-native-web/README.md
-
Rust and Next.js everywhere?
Personally, if you're trying to find a stack that can be applied everywhere with Next.js as your chosen framework, best bet would be React Native Web or similar. Which would let you share the maximum amount of frontend code between Web, iOS, and Android. Then you could reach for electron (barf) or something to bundle it for desktop if that was a requirement.
-
Which is the best lib/framework option for a single code base for web, Android & iOS?
If you want a single codebase for web and mobile I would look into react-native and react-native-web. You could probably code the web app with react-native-web, make it responsive and build it through react-native for mobile. Designing an app for mobile and for web can lead to significant difference though since the experience is quite different. Some things might make sense for a mobile and not for a desktop or the opposite. So I wouldn't discard completely the idea of having separate codebases. Highly depends on the app though, totally valid for many use cases.
-
Need an advice for frontend framework (beginner in frontend development)
Another fun thing you could do is build it for mobile + web using React-Native through Expo or manually with https://necolas.github.io/react-native-web/
-
I made a template for making full-stack universal(web + mobile) apps! (tRPC, Expo, Next, Solito, Tamagui, Clerk Auth, Prisma!)
So the RN-R part is done by https://necolas.github.io/react-native-web/ and it's really good! However, there are some code that is kind of outside of the scope of React. Ie. Navigation, that's more in the realm of Next.
-
No, React Native is not the future
I don't have personal experience with this, but React Native Web claims to solve this issue: https://necolas.github.io/react-native-web/, not sure if anyone has had experience with this. Of course, you will have issues with dependency hell/package maintenance.
Another great option seems to be Flutter web. I was really impressed by the "batteries included" approach to Flutter, and Dart has a pretty comprehensive standard library. This is in contrast to React's "just find a random package on npm and pray it doesn't bite you in the future."
Obviously rewrites are expensive, but I personally think both approaches are worth considering versus abandoning native components completely. WebView isn't without problems (and also, you don't need React Native to use WebView).
- Is react native really cross-platform?
-
React Native for Web Apps
And you can also learn a lot more about it here
As stated by Nicolas Gallagher via this discussion.
-
The different strategies to building a cross-platform app
3. React Native Web (RNW)
What are some alternatives?
react-native-elements - Cross-Platform React Native UI Toolkit
react-native-paper - Material Design for React Native (Android & iOS)
react-native-ui-lib - UI Components Library for React Native
react-native-material-ui - Highly customizable material design components for React Native
react-native-ui-kitten - :boom: React Native UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
react-native-keyboard-aware-scroll-view - A ScrollView component that handles keyboard appearance and automatically scrolls to focused TextInput.
react-native-reanimated-carousel - 🎠 React Native swiper/carousel component, fully implemented using reanimated v2, support to iOS/Android/Web. (Swiper/Carousel)
craco - Create React App Configuration Override, an easy and comprehensible configuration layer for Create React App.
react-native-calendars - React Native Calendar Components 🗓️ 📆
react-native-vector-icons - Customizable Icons for React Native with support for image source and full styling.
react-native-gifted-chat - 💬 The most complete chat UI for React Native
sciter-js-sdk - Sciter.JS - Sciter but with QuickJS on board instead of my TIScript