Chances are that your single-page application built with Angular retrieves data from an API endpoint, and the endpoint is protected. One of the easiest and most simplest forms of protection may be an Api-Key which needs to be added to the header of every request to this endpoint. Without delving deeper in to the pros…
When you first run the command ionic start myApp sidemenu, the default sidemenu is lackluster. In an age where mobile apps all have sidemenus, it might be important to you that your app can keep up. In this post we will look at creating a custom Sidemenu component to abstract the sidemenu code in an…
There are plenty of tutorials out there which outline how to use Google Maps with React. However, they all use custom libraries. Well-chosen libraries are not an issue, they are the bedrock what makes the open-source JavaScript community so great – but there are several reasons you may decide you do not want to use…
Since Ionic v1 was released several years ago, I have been massively impressed by the framework’s goal to build native-like applications using pure web technologies. Throughout v1, v2 and v3, Ionic was tightly coupled with AngularJS/Angular. It very quickly became the framework to build mobile apps using Angular. For version 4, however, the Ionic team…
Web applications were initially developed on the model that a client is always the initiator of transactions. That means that a client would always make a request to the server to retrieve some data, and only then would the server respond with the requested information. As a result, the traditional model does not have a…
In this tutorial we will explore using StencilJS, a web-components compiler, to build a very simple web component that can be used on any other web project. Stencil is a tool created by the team at Ionic, who are also behind some other great tools and frameworks including Capacitor, and – Ionic: a framework for…
In this tutorial we will explore using a package called multer, which provides a node express middleware, to upload images to our ExpressJS API. To upload the images, I will be using sample code from a component written in VueJS, but asides from syntax, the process is identical in vanilla JavaScript and any other front-end…
One of the key reasons I like Angular is because it comes with all the bells and whistles (unlike some other SPA JavaScript frameworks). I like rapidly prototyping applications with minimal setup and configurations which I was I massively appreciate being able to run ng new myApp and end up with a zero-configuration-needed Angular application…
The release of Angular 6 brought improved support for TypeScript, and the July release of VS Code brought support for TypeScript v2.9.2 by default. However, since updating, some users developing Angular applications for work have discovered a bug where IntelliSense imports have stopped using path masks. The issue is particularly prevalent when creating a new…
The Ionic framework does a great job of making the build process from JavaScript to a bundled Android APK or Apple XCode Project really simple. In most cases, you only need to run the command line instruction ionic build [platform] from within your project. However the process to build for both Android and iOS, and…
The biggest buzzwords in the Angular scene right now are actually concepts made mainstream by React: Application state or store using a Redux pattern. NgRx is a fantastic library which allows Angular developers to use a Redux store to maintain application state. It’s really powerful, and integrating it with @ngrx/effects or metaReducers as well as…