Introduction To Ionic > 자유게시판

• 목록
• 답변
• 글쓰기
• 게시판 리스트 옵션
  • 수정
  • 삭제

Ionic is an open source UI toolkit for structure performant, premium mobile apps utilizing web technologies - HTML, CSS, and JavaScript - with integrations for popular structures like Angular, React, and Vue.

Start developing by setting up Ionic or following our First App Tutorial to discover the primary ideas.

Step-by-step guides to establishing your system and installing the framework.

Dive into Ionic magnificently designed UI part library.

Integrate native device plugins, like Bluetooth, Maps, HealthKit, and more.

Learn to quickly customize and modify your Ionic app's visual style to fit your brand name.

Overview

Ionic focuses on the frontend UX and UI interaction of an app - UI controls, interactions, gestures, animations. It's easy to learn, and incorporates with other libraries or frameworks, such as Angular, React, or Vue. Alternatively, it can be used standalone with no frontend framework using an easy script consist of. If you want to learn more about Ionic before diving in, we created a video to stroll you through the essentials.

One codebase, running all over

Ionic is the only mobile app stack that makes it possible for web designers to develop apps for all major app stores and the mobile web from a single codebase. And with Adaptive Styling, Ionic apps look and feel at home on every device.

A focus on efficiency

Ionic is constructed to perform and act fantastic on the newest mobile phones with finest practices like effective hardware sped up shifts, and touch-optimized gestures.

Clean, basic, and practical style

Ionic is developed to work and display beautifully on all current mobile phones and platforms. With ready-made components, typography, and a gorgeous (yet extensible) base style that adapts to each platform, you'll be building in design.

Native and Web enhanced

Ionic emulates native app UI standards and utilizes native SDKs, bringing the UI standards and device features of native apps together with the complete power and flexibility of the open web. Ionic utilizes Capacitor (or Cordova) to deploy natively, or runs in the internet browser as a Progressive Web App.

Goals

Cross-platform

Build and deploy apps that work throughout numerous platforms, such as native iOS, Android, and the web as a Progressive Web App - all with one code base. Write once, run anywhere.

Web Standards-based

Ionic is constructed on top of trustworthy, standardized web technologies: HTML, CSS, and JavaScript, utilizing modern Web APIs such as Custom Elements and Shadow DOM. Because of this, Ionic elements have a stable API, and aren't at the impulse of a single platform supplier.

Beautiful Design

Clean, simple, and functional. Ionic is designed to work and show wonderfully out-of-the-box throughout all platforms. Start with pre-designed components, typography, interactive paradigms, and a stunning (yet extensible) base style.

Simplicity

Ionic is developed with simpleness in mind, so that developing apps is satisfying, simple to find out, and accessible to almost anybody with web advancement skills.

Framework Compatibility

While past releases of Ionic were tightly coupled to Angular, version 4.x of the structure was re-engineered to work as a standalone Web Component library, with combinations for the current JavaScript frameworks, like Angular. Ionic can be utilized in the majority of frontend structures with success, consisting of React and Vue, though some frameworks require a shim for complete Web Component support.

JavaScript

Among the main goals with moving Ionic to Web Components was to eliminate any tough requirement on a single structure to host the parts. This made it possible for the core parts to work standalone in a websites with simply a script tag. While working with frameworks can be terrific for larger teams and larger apps, it is now possible to use Ionic as a standalone library in a single page even in a context like WordPress.

Angular

Angular has always been at the center of what makes Ionic great. While the core components have actually been written to work as a standalone Web Component library, the @ionic/ angular package makes integration with the Angular environment a breeze. @ionic/ angular consists of all the performance that Angular developers would expect originating from Ionic 2/3, and integrates with core Angular libraries, like the Angular router.

React

Ionic now has official assistance for the popular React library. Ionic React lets React developers use their current web abilities to build apps that target iOS, Android, and the web. With @ionic/ respond, you can use all the core Ionic components, but in a manner that seems like utilizing native React components.

Vue

Ionic now has official support for the popular Vue 3 library. Ionic Vue lets Vue developers use their current web skills to develop apps that target iOS, Android, and the web. With @ionic/ vue, you can use all the core Ionic parts, however in a way that seems like utilizing native Vue parts.

Future Support

Support for other structures will be thought about in future releases.

Ionic CLI

The main Ionic CLI, or Command Line Interface, is a tool that rapidly scaffolds Ionic apps and offers a number of valuable commands to Ionic developers. In addition to installing and updating Ionic, the CLI includes a built-in advancement server, build and debugging tools, and a lot more. If you are an Appflow member, the CLI can be used to perform cloud builds and releases, and administer your account.

Appflow

To assist construct, deploy, and manage Ionic apps throughout their lifecycle, we provide a commercial service for production apps called Appflow, which is different from the open source Framework.

Appflow assists developers and groups put together native app develops and release live code updates to Ionic apps from a central dashboard. Optional paid upgrades are offered for more sophisticated abilities like releasing directly to app stores, workflow automation, single sign-on (SSO) and access to connected services and integrations.

Appflow requires an Ionic Account and comes with a complimentary "Hobby" plan for those interested in experimenting with a few of its features.

Ecosystem

Ionic is actively established and kept full-time by a core group, and its is guided by a worldwide neighborhood of designers and factors fueling its growth and adoption. Developers and business small and large use Ionic to develop and ship remarkable apps that run all over.

Join the Community

There are countless Ionic developers in over 200 nations worldwide. Here are some methods to sign up with:

Forum: An excellent location for asking questions and sharing ideas.
Twitter: Where we publish updates and share material from the Ionic neighborhood.
GitHub: For reporting bugs or asking for brand-new functions, produce an issue here. PRs welcome!
Content authoring: Write a technical blog site or share your story with the Ionic community.

License

The Ionic UI Toolkit is a free and open source job, released under the allowable MIT license. This means it can be utilized in individual or industrial projects for complimentary. MIT is the same license used by such popular tasks as jQuery and Ruby on Rails.