react-native-web
Ionic Framework
Our great sponsors
react-native-web | Ionic Framework | |
---|---|---|
62 | 129 | |
21,292 | 50,309 | |
- | 0.4% | |
6.4 | 9.9 | |
5 days ago | about 17 hours ago | |
JavaScript | 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-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)
Ionic Framework
-
Design Systems with Web Components
I was recently able to sit down with some of the core members of Ionic, who also created Stencil a toolchain for building Design Systems and Progressive Web Apps. We talked at great length how typically companies are approaching Ionic from a Design Team and need help building components. As a developer I wanted to talk about the Web Components that are used within the Design System first. There was a decent amount of surprise, so I thought I would break down what a Design System is and why it doesn't matter which end you start with, as long as you have both your Design and Development teams working together to build your Design System.
- Episode 23/49: RouterTestingHarness, Chrome DevTools 119 & 120
- What to choose for native mobile app?
-
Getting Started with PayloadCMS & Vue JS
Ionic Framework UI Components are used to build a website and then a mobile application is built using Ionic Capacitor. Ionic UI components are not required but are used for UX. The vue js code presented here will work fine in a separate application.
- Episode 23/37: ISR in Angular, Cypress & Playwright
-
Building a Game with Phaser
Welcome to Part Two of this four-part series on building a mobile game using open source technologies. We'll be using Phaser, along with Ionic, Capacitor, and Vue.
-
Building a Mobile Game with Phaser and Ionic Vue: Part One
Turns out, it's easier than I expected! Thanks to Phaser, along with Ionic, Capacitor, and Vue, I was able to get a mobile game up and running on an iOS device working only a few hours here and there over two weeks.
-
Maskito: a Holy Grail of input masking
But it is not just us — Ionic Framework, a multi platform UI solution with nearly 50k stars on GitHub has adopted Maskito as its official masking library recommendation. Their team did an investigation of existing alternatives and considered an option to develop their own mask. They decided Maskito would satisfy the needs of their extremely varied user base and added examples of masking their components to the documentation.
-
WefWef: An Apollo clone for Lemmy
Ionic Framework
-
What tools do you use to convert Vue.js SPA to mobile apps?
You can have a look at https://ionicframework.com/ This is what I use to build my Mobile applications
What are some alternatives?
Quasar Framework - Quasar Framework - Build high-performance VueJS user interfaces in record time
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
antd-mobile - Essential UI blocks for building mobile web apps.
Angular - Deliver web apps with confidence 🚀
Flutter - Flutter makes it easy and fast to build beautiful apps for mobile and beyond
capacitor-native-biometric
react-native-keyboard-aware-scroll-view - A ScrollView component that handles keyboard appearance and automatically scrolls to focused TextInput.
Titanium - 🚀 Native iOS and Android Apps with JavaScript
craco - Create React App Configuration Override, an easy and comprehensible configuration layer for Create React App.
react-native - A framework for building native applications using React
Apache Cordova - Apache Cordova Android
tauri - Build smaller, faster, and more secure desktop applications with a web frontend.