Published in JavaScript in Plain English·Jul 20Member-onlyIonic & GunJS: Build a dApp Using a Decentralised DB in Your Ionic AppA guide on how to build an Ionic app using GunJS. — When building an app, you need to understand what is going on in the back end and you will need to host something on the back end, a server and database perhaps, either physically on a machine somewhere or virtually through cloud providers. You need to look at how your…Ionic6 min read
Published in JavaScript in Plain English·Jul 1Member-onlyUsing Ionic to Get to Know React from an Angular Developer’s PerspectiveComing from a pure Angular background, I felt a sense of ‘missing out’ when one would talk about React. The things you could do with React, the options available for plugins and with React Native — the possibility of developing a native app straight out of the box. But I’m…Ionic4 min read
Published in JavaScript in Plain English·Mar 1Member-onlyBuild an Ionic App that Works OfflineBonus: Comes with an online indicator — …I want this app to work offline. I want it to show me when its offline and when it gets back online. I think it should be easy, right? — Client brief Well, one could argue that this might be an easy proposition, and you will be right, it is…Ionic4 min read
Dec 8, 2021Member-onlyMaking a case for Merdeka 118: Why its a good thingMerdeka 118 is the newly crowned tallest building in South East Asia. Located in Malaysia, it stands at 678.9 …Merdeka 1186 min read
Published in JavaScript in Plain English·Nov 23, 2021Member-onlyIonic 5 and above: SSL Pinning for iOSTook me a while to figure this out. Nearly 2 months in fact. Started questioning my sanity for looking up the solution to this problem, but I finally did it! I was able to figure out how to do SSL Pinning for iOS with the Ionic framework. I am writing…Ionic4 min read
Published in JavaScript in Plain English·Oct 16, 2021Member-onlyHow to Build an Ionic Angular Capacitor App with a QR Code ScannerThe pandemic brought about recognition of the QR code to a new level. In Malaysia particularly, before entering any premises, it is compulsory for Malaysians to scan a QR code, as a way to track one’s movements in order to curb and trace the prevailing pandemic. So, as a result…Java Script4 min read
Published in Level Up Coding·Sep 20, 2021Member-onlyIonic React: Sharing data between views using ReduxReact is akin to the wild west. You have the freedom of multiple user interface options, routing method options, and even state storage options. Ionic provides a ready-to-go set for its user interface and router. This provides two things, for a developer trying to start building an app, less worry…Ionic4 min read
Published in JavaScript in Plain English·Aug 31, 2021Member-onlyIonic Angular Capacitor with Biometric IDWith Capacitor native bridge (3.0 at the time of writing), creating a mobile Android or iOS app that uses Biometric ID is really easy. Capacitor, a part of Ionic (the company) have quite a list of plugins to choose from. The plugins are listed here: Capacitor: Cross-platform native runtime for web apps Plugins in Capacitor enable JavaScript to interface directly with Native APIs. Official Plugins Official Plugins are…capacitorjs.comJava Script4 min read
Published in JavaScript in Plain English·Jun 15, 2021Member-onlyThe Easy Guide: Using State Management with NGXS in an Ionic AppWhy NGXS State Management? Wouldn’t it be easy to save a piece of a variable or an object somewhere, which could be called back at any time at a moment’s notice? Something like a library of variables that is constant throughout an application and can be updated and called upon easily. Any changes to…Ngxs6 min read
Published in Level Up Coding·May 20, 2021Member-onlyGet live changes in your Angular project using ‘ngOnChanges’ functionI came across a very unique problem where I needed my Angular web component to react to changes on inputs that it receives. After some browsing, I came across ngOnChanges, and the guide on the Angular site, to be perfectly honest, kind of confusing. So here’s a simple guide on…Angular3 min read