Ionic Framework
NativeScript
Our great sponsors
Ionic Framework | NativeScript | |
---|---|---|
129 | 30 | |
50,386 | 23,635 | |
0.3% | 0.4% | |
9.9 | 8.7 | |
5 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.
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
-
Turning HTML, CSS, JS project into an app
Look into Ionic Framework https://ionicframework.com/ or Cordova. They might be overkill for what you’re trying to do, but they allow you to create cross-platform apps via html/css/js.
- What to choose for native mobile app?
- Episode 23/41: @defer, Application Builder, new equality check in Signals
-
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.
-
Ionic Vue tabs navigation broken
Ionic Vue tabs navigation when using with child views inside of tabs is broken. The problem is that navigation(routing) using the tabs should be non-linear, but Ionic Vue has an issue with preserving the history track for each of the tabs. The issue is described there. Is there a way to make a non-linear routing stack in Ionic Vue?
NativeScript
-
Svelte Native: The Svelte Mobile Development Experience
This is not so much the Svelte equivalent of React Native as it is just NativeScript (https://nativescript.org).
- NativeScript/NativeScript: Empowering JavaScript with Native Platform APIs
-
Mobile App Development for both iOS and Andriod
There is also https://nativescript.org/ which would allow you to use Vue (or several other frameworks) to build a mobile app. Used it myself a while back for an iPad app using Vue 2 and it was pretty straightforward. It seems like there have been quite a few improvements since then so might be worth a look.
-
Updating Expo and React Native sucks
Anyone who thinks this sucks should try NativeScript with hassle-free update experience, quick build time, HMR, direct access to native apis, use React Native plugins and more. Pick any style you like - vanilla, Angular, Vue, React, Svelte - and easily add some SwiftUI and Jetpack Compose views if you want a and connect it to your JS. Docs are a bit behind at the moment but a major update is in progress. https://nativescript.org/
-
The right way to build multi platform apps in 2023 using web tech. ?
There are layers that offer access to native APIs like capacitor, cordova and nativescript. Apparently sometimes multiple of them should be used, but I didn't understand what are the differences even after reading the announcement. These seem to be frontend agnostic technologies and Capacitor is apparently the more modern choice at the moment.
-
What's involved with NativeScript open source?
Maintaining NativeScript core is like maintaining any TypeScript library. In particular, it's maintenance revolves largely around:
-
Websites vs Mobile App
PWA? You can then, with moderate difficulty use something like https://nativescript.org/ make native versions.
-
Nativescript & Formily: A match made in heaven.
Using the amazing Preview environment that the Nativescript team together with Stackblitz have done, it was time to start hacking at it. (More information can be found here at https://preview.nativescript.org/)
-
The different strategies to building a cross-platform app
8. NativeScript + PWA [hybrid]
-
Mobile development with Angular?
There is something called NativeScript
What are some alternatives?
Quasar Framework - Quasar Framework - Build high-performance VueJS user interfaces in record time
capacitor - Build cross-platform Native Progressive Web Apps for iOS, Android, and the Web ⚡️
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
Apache Cordova - Apache Cordova Android
antd-mobile - Essential UI blocks for building mobile web apps.
Titanium - 🚀 Native iOS and Android Apps with JavaScript
Angular - Deliver web apps with confidence 🚀
react-native - A framework for building native applications using React
Flutter - Flutter makes it easy and fast to build beautiful apps for mobile and beyond
Meteor JS - Meteor, the JavaScript App Platform
capacitor-native-biometric
Vue.js - This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core