nvim-typescript

These days it seems like everyone is using VSCode as their main editor, and with good reasons. VScode offers a lot of cool features, and if you’re using TypeScript, you get great support out of the box. But, I’m a vim person, and more specifically, I use Neovim. Since, I write mostly TypeScript, I needed something that offered all the feature of VSCode, but for Noevim. So I created nvim-typescript.
Read more

Angular Schematics and Dynamic Content

Recently, I’ve been diving into the new tooling setup being worked on for upcoming ionic/[email protected] Since we’ve moved all of our tooling over to the Angular CLI, we get to take advantage of new features, like Angular’s Schematics. Schematics is a pipeline for building out new files/features in an app. What’s even more impressive, is that schematics itself can be used in a non-angular project. In theory, you could have a Vue or P/React project, and it could also use schematics, though without some utility libs that exist for Angular.
Read more

Ionic 4 Alpha Test

IONIC 4! It’s a thing that we (the Ionic team) have been hard at work on for the last few months. While we’re currently finishing up our testing, I wanted to touch a bit on how to actually setup up and start initially testing 4.0. Warning, Ionic 4 is ALPHA, meaning things are not finalized and ready for production. Use with caution CLI Update It just so happens that the Ionic CLI is also nearing it’s 4.
Read more

Adding Languages to iOS

In hybrid apps, when we want to add support for different languages, we tend to rely on JavaScript libraries to make this possible. This is perfect when we need to deploy a PWA, but when it comes to the App Store, we then have a different challenge. How do we tell the App Store that we support different languages as well? How iOS Checks this For native iOS project, the process is actually quite similar to how we manage localization in web-based apps.
Read more

Ionic Colors Map: How to use them correctly

If you jumped from Ionic 1 to Ionic 2 when it was first released, a new thing that was added was this concept of $colors. Something that looks like this : $colors: ( primary: #488aff, secondary: #32db64, danger: #f53d3d, light: #f4f4f4, dark: #222 ); This was a big change from how we did styles in Ionic 1, where all of our theme colors were defined upfront: $light: #fff !
Read more

iPhoneX and The Notch

Every year Apple releases a new iPhone and a new iOS version to match. For the history of the iPhone, any changes that come with these new devices tend to be very small. Design changes in iOS7? Not a huge deal, as they’re fairly easy to design for, especially in a hybrid app context. This year however, Apple has introduce it’s most drastic change in iPhone history. Introducing… the Notch
Read more

Custom Decorators

I’ve been getting more into decorators lately, especially since I used them in Angular/Ionic, but also in Python. But I realized that I really didn’t know much about them or how they actually worked. So I spent some time last night and built a small decorator, @platformReady(). WTH is a decorators Decorators can get confusing real fast, so we’re going to try to stay pretty high level here. In its simplest form, a decorator allows developers to perform higher-level functions on an annotated class or method.
Read more

Revisiting Typings: Post 1.0

Typings hits 1.0! Typings finally hit its 1.0 recently (well more like a month or so ago), and with this it brought some drastic change to the API. So my previous post is now out of date. This is a perfect chance to go over these changes and how it may affect your project. What’s new? So a simple overview what’s changed from 0.X to 1.X has been provided in the README.
Read more

Ionic 2 and External Libraries

Now that Ionic 2 is out in beta, people are setting aside some time to give it a shot and investigate everything it has to offer. Ionic 2 and Angular 2 bring a lot of improvements, but it’s a fairly different style of developing that what people were used to before. Now, since everything needs to be imported and libraries aren’t global, it can be tricky to figure out how to integrate with other libraries.
Read more

Setting Focus to an Input in Ionic 2

A Question came up in the Ionic Worldwide Slack today about how to set focus to an input. Now normally you’d think you would be able to call .focus() and call it day. But Ionic wraps native text inputs with custom Angular 2 components to better control the user experience.
Read more