In this tutorial, we are going to build a countdown tracker component using Stencil. Countdown trackers are a great way to both inform your users of an event, as well as generate excitement around the event. By the end of this tutorial you’ll have a countdown tracker component that you can reuse and customize for your own apps.
Stencil is a great tool for building reusable web components and is especially suitable for building out design systems at scale. Stencil components can be incorporated into many front-end frameworks like React, Angular, and Vue—or no framework at all. By building our countdown tracker with Stencil, we’ll have an incredibly versatile component that we can use anywhere.
One of the most important and least understood engineering roles here at Ionic is that of the Sales Engineer (also known as a Solutions Consultant).
It’s a technical role that is critical to Ionic and many other technology companies, but one that very few professional engineers are aware of.
Sales Engineering is a role that we are actively hiring for, and in the process we’ve realized few developers have experience with it. To change that, I’d like to dig into what exactly a Sales Engineer does, how the role works at Ionic, what the career path looks like, and offer some thoughts on what kind of developer might find this role interesting. Along the way, I hope to convince engineers that Sales Engineering is one of the best paths to a future Executive role in modern technology companies.
In this tutorial, we are going to build an audio player component using Stencil. You’ll be introduced to many fundamental concepts in Stencil and by the end of the tutorial you’ll have a foundational audio player component that you can customize for your own apps.
Stencil is a great tool for building reusable web components and is especially suitable for building out design systems at scale. Stencil components can be incorporated into many front-end frameworks like React, Angular, and Vue—or no framework at all. By building our audio player with Stencil, we’ll have an incredibly versatile component that we can use anywhere.
The following is a guest blog post from Stefan Kieleithner, a developer at PSPDFKit. PSPDFKit is a tool for working with documents in your app. Head over to PSPDFKit.com to learn more about all their products.
Third-party plugins are a vital part of the Ionic platform, helping developers to easily enhance their apps with new functionality. In this post, we would like to show you how PSPDFKit created a plugin using their native platform’s SDKs to bring PDF functionality to Ionic apps.
Building an app these days often requires some kind of data layer, whether storing data locally using LocalStorage or using some remote database solution. In this blog post, we will look at Realm, from MongoDB, as our storage solution for our web app and discover how we can start to make use of it in an Ionic React app, with either GraphQL or direct DB operations. But before we look at the code, let’s understand what Realm is and how it relates to MongoDB.
We are excited to announce Ionic Payments, the official Ionic solution for delivering secure payment experiences across the devices and platforms your customers care about. Powered by a single cross-platform API, you can now seamlessly incorporate Google Pay and Apple Pay into your application then start collecting payments on the web, mobile, and desktop.
Why Ionic Payments?
Online and mobile payment collection is often mission-critical to an enterprise app’s success. According to FIS, digital wallets will represent half of the global eCommerce sales in the next two years. Building your own payments SDK solution or relying on open-source plugins could come with extremely high production and maintenance costs.
Ionic Payments enables you to collect payments from your customers securely, efficiently, and in a manner familiar to your customers.
As Ionic adoption has grown inside of medium to large enterprise businesses, we’ve seen a proliferation of apps built for internal and line-of-business use cases. These apps, also known as Business-to-Employee (B2E) apps, have unique requirements that the average public consumer app does not, such as integration with remote device and app management services to enforce company-wide usage and security policies.
Today, we are excited to announce we are doubling down on these kinds of apps and enterprise use-cases with our new drop-in integration for Microsoft Intune.
As user interfaces (UI) go, tabs are a particularly useful pattern. The word “tab” invokes images of beige manila file folders. Early UI mimicked this physical property by placing buttons along the top of a dedicated space. Mobile devices, with their confined spaces, find the tab pattern in accordions, bottom button bars, and more.
In this example, we will look at the mechanics of building a tab component using Stencil.
Greetings, friend! You’re a web developer, team lead, or engineering manager who has discovered that Ionic products are awesome. They have helped you build cross-platform applications quickly, made the app development process enjoyable, and solved important mobile development problems. You can see that Ionic would be extremely beneficial in your daily job, but are wondering how to convince your boss to endorse the adoption of new software. In a nutshell:
You want to connect with decision-makers at your organization and showcase the value that Ionic brings to the business.
You know that Ionic is an open source mobile development kit for building high quality, cross-platform native and web applications in a single code base. Maybe your boss knows this too — or maybe they don’t. In either case, you can explain what Ionic is in a couple of sentences or less, but generating buy-in from the business perspective is the next big step.
Don’t worry; we’ve got you covered. Here are some talking points that should resonate with your boss and help you make your case.
And with that, Ioniconf 2021 has concluded! Ioniconf, our online conference for Ionic developers and the wider web development community, featured twelve expert Ionic speakers and was attended by many thousands of Ionic community members. We’re thrilled by the community’s reception to the event and are already looking forward to our next event taking place in September. Read on for a recap and links to all recorded talks.
Ioniconf 2021 Keynote
To kick off the conference, various members of the Ionic team delivered a keynote featuring announcements across all of Ionic’s products. First up was Ionic CEO Max Lynch speaking about the state of the software industry. Since every company is becoming a software company, they are hungry for developer talent — specifically, web developers. Given the ubiquity of the web platform, standards that ensure code works the same across all browsers, and the popularity of the web stack, it’s the clear choice to invest in.