Ionic Framework
Flutter
Our great sponsors
| Ionic Framework | Flutter | |
|---|---|---|
| 129 | 1,203 | |
| 50,386 | 161,649 | |
| 0.3% | 0.7% | |
| 9.9 | 10.0 | |
| about 16 hours ago | about 7 hours ago | |
| TypeScript | Dart | |
| MIT License | BSD 3-clause "New" or "Revised" 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?
Flutter
- Show HN: Shorebird 1.0, Flutter Code Push
-
3D and 2D: Testing out my cross-platform graphics engine
Thanks - that link does not appear to be open access, anyways I don't think I've seen it. I'm familiar with Flutter at a high-level (Kevin Moore gave a great talk on it at Wasm I/O), and I think other than requiring users to work in Dart, it is probably one of the most powerful ways to do cross-platform UI today.
Worth noting that their original GPU backend was Skia, and now they are retooling around Flutter GPU (Impeller)[0], which is kind of designed similarly as an abstract rendering interface over platform-specific GPU APIs.
-
Python dev considering Electron vs. Kivy for desktop app UI
If you are considering Electron/React then I would suggest adding Flutter to your list of technologies to consider. It uses Dart (a language similar to C#) and has a lot going for it… relatively quick to get up to speed with, fantastic developer experience (e.g., hot reload, great IDE support, good development tools) and very strong cross-platform support: it generates native iOS, Android, MacOS, Windows and Linux executables. Check it out: https://flutter.dev/
- Lançamento do App Edudu
- Android 12+: Changing wallpaper or dark theme breaks Flutter and Jetpack Apps
- Android 12: Changing wallpaper or dark theme breaks Flutter and Jetpack Compose
-
React Native and Flutter: A Developer's Dilemma
You can find the React Native documentation here and Flutter Documentation here.
- Ente: Open-Source, E2E Encrypted, Google Photos Alternative
- Reusing state logic is either too verbose or too difficult #51752
-
React Labs: What We've Been Working On – February 2024 – React Compiler
> There is actually a great issue thread on the Flutter GitHub that explains exactly why other solutions do not work correctly when compared to hooks [0]
Interesting. I assume you are referring to this comment in particular -> https://github.com/flutter/flutter/issues/51752#issuecomment... ?
What are some alternatives?
Quasar Framework - Quasar Framework - Build high-performance VueJS user interfaces in record time
Introducing .NET Multi-platform App UI (MAUI) - .NET MAUI is the .NET Multi-platform App UI, a framework for building native device applications spanning mobile, tablet, and desktop.
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
flet - Flet enables developers to easily build realtime web, mobile and desktop apps in Python. No frontend experience required.
antd-mobile - Essential UI blocks for building mobile web apps.
WPF - WPF is a .NET Core UI framework for building Windows desktop applications.
Angular - Deliver web apps with confidence 🚀
Uno Platform - Build Mobile, Desktop and WebAssembly apps with C# and XAML. Today. Open source and professionally supported.
capacitor-native-biometric
kivy - Open source UI framework written in Python, running on Windows, Linux, macOS, Android and iOS
Titanium - 🚀 Native iOS and Android Apps with JavaScript