-
Notifications
You must be signed in to change notification settings - Fork 0
Frameworks
This page serves as an introduction to the major frameworks and technologies that form the backbone of our application. We aim to provide basic knowledge for those new to these technologies, as well as an explanation of how we use them. Our application leverages Vue 3, the Ionic Framework, Pinia for state management, and the Ionic Router for navigation.
Vue 3 is the latest major release of the Vue.js framework, known for its progressive approach to building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library focuses on the view layer only, making Vue easy to pick up and integrate with other libraries or existing projects. Vue 3 brings improved performance, smaller bundle sizes, and more powerful features such as the Composition API, which provides a flexible way to compose component logic.
- Reactivity: Vue 3's reactivity system makes it effortless to keep the UI in sync with the application state.
- Composition API: We leverage the Composition API for better code organization and reuse in our components.
The Ionic Framework is an open-source UI toolkit for building high-quality mobile and desktop apps using web technologies (HTML, CSS, and JavaScript). It provides a library of optimized, mobile-first UI components and gestures to make app development fast and easy. Ionic works seamlessly with Vue 3, allowing us to create beautiful, high-performance applications for any platform.
- UI Components: We use Ionic components to ensure our app has a polished look and feel while maintaining consistency across platforms.
- Cross-Platform Development: With Ionic, we write our application once and deploy it to both mobile and desktop platforms, saving development time and effort.
Pinia is the officially recommended state management library for Vue 3. It offers a more intuitive and developer-friendly API than its predecessor, Vuex. Pinia provides a centralized store for all the components in an application, allowing for state sharing and management with ease.
- State Management: We use Pinia to manage the application's state, making it easier to track, debug, and persist state across user sessions.
- Modularity: Our stores are organized modularly, ensuring that state logic is maintainable and scalable.
The Ionic Framework comes with its own router, tailored for mobile applications. The Ionic Router is built on top of Vue Router, providing all its features with additional enhancements for mobile app navigation.
- URL-Based Navigation: We use the Ionic Router for URL-based navigation, allowing users to bookmark pages and maintain browser history.
- Transition Animations: The Ionic Router handles transition animations between views, ensuring a smooth user experience.
By integrating Vue 3, the Ionic Framework, Pinia, and the Ionic Router, we've created a robust platform for developing high-quality, cross-platform applications. These technologies work together seamlessly, allowing us to focus on delivering the best user experience possible.
For those interested in diving deeper into these technologies, here are some resources to get you started: