Our website is made possible by displaying online advertisements to our visitors. Please consider supporting us by disabling your ad blocker.

How To Build Reusable Angular Components And Share Them With The World

As you probably know, Angular is all about building UI components. There are several excellent component libraries out there that you can use to build your own application, such as Angular Material, Clarity or Kendo UI to name a few.

Such libraries provide common reusable components such as tabs, date pickers, collapsible menus, and much more. Still, there’s always a time where we need something more customized and more adapted to the specific needs of our project.

If you ever get in that spot where you want to create a component that might be reused in different projects, or if you want to write components that you would then open-source, this article is for you.

Read More

Give That Slow Hybrid Mobile App A Native Performance Boost With NativeScript

When it comes to hybrid mobile application development, there is always discussion around the performance of said applications. While hybrid mobile applications have come a long way in terms of performance since the early days, they still can’t quite live up to the performance expectations that are delivered in a native application.

We’re going to take a look at why hybrid applications suffer in the speed department and how other similar frameworks such as NativeScript can take your applications to the next level without severe changes to design or development.

Read More

Access And Change Parent Variables From A Child Component With Vue.js

When working with single page web applications (SPA), chances are you’re going to be using a router or some kind of parent and child component structure. In these scenarios, the parent components probably hold their own functions and variables that may at some point in time need to be accessed by the child component. Take for example an application that has authentication. The parent component might manage the authentication state while the child component might be a login form, secure content, or something else. When logging in, you might need to change the authentication state of the parent. This is just one of many possible examples where the child and parent need to interact.

We’re going to see how to interact with a parent component from a child component in an application created with the Vue.js JavaScript framework.

Read More

Apache Cordova And Ionic Framework Apps Are Not Native Mobile Apps

If you’ve been keeping up with my content since the birth of The Polyglot Developer, you’ll know that I was once a huge advocate of Apache Cordova development using frameworks like Ionic Framework. Having been a web developer and coming from native Android development with Java, cross-platform development using hybrid technologies seemed like a logical next step. Fast-forward to now, I’m no longer using Apache Cordova with Ionic Framework and have gone back to native development.

I recently came across an article by Ionic’s CEO, Max Lynch, titled, Cordova/Ionic Apps are Native Apps, trying to explain that Ionic applications are native mobile applications. There are some valid points made in this article, but as someone who spent several years using the technology as well as using applications built with the technology, it is not something I agree with as a whole.

Read More

Create Native iOS And Android Plugins With NativeScript

In my previous NativeScript tutorials I demonstrated how to access native platform APIs and features using JavaScript, but I never explained how to develop plugins that could accomplish this in a very maintainable fashion. By moving this native functionality to plugins, the application code remains a lot cleaner and is better for the long run.

For reference, you can see how to create Toast notifications in Android and determine the application version in Android and iOS using my previous tutorials.

This time we’re going to look at bundling that functionality into a plugin.

Read More

Using The Onymos Media Component In Your Ionic Framework App

A few years back I demonstrated how to use the device camera in an Android and iOS application developed with Ionic Framework. Being able to take photos wasn’t particularly difficult, but it left a lot to be desired. This is where the Media component by Onymos comes into play.

So what is the Onymos Media component?

The Onymos Media component extends the media features offered by the Apache Cordova camera plugin. It will correct common orientation issues for photos and videos captured from the various platforms and devices, it allows access to the various internal directories on Android, and it offers advanced compression features. The component also offers tight integration with Amazon S3 for storing media online.

Per the Onymos website, the Media component reduces the time it takes to get an application released to the market and in turn saves in development costs. Paired with the component’s continuous updates, your application will always be functional.

We’re going to see how to take pictures within our application using the Onymos Media component and upload them to Amazon S3 with ease. Everything you see below can easily be expanded to videos as the Onymos Media component can accomplish the same tasks with video as well.

Read More

Implement A Barcode Scanner Using React Native

Previously I wrote about using the device camera in your React Native mobile application. However, what if we wanted to go a step further and start scanning barcodes?

This is not a problem because the react-native-camera component we used in the last tutorial also supports barcode scanning.

Read More