Blog Posts
A list of my blog posts in Hybrid Mobile Technology, primarily React Native and Flutter.
How to use the Style Transfer API in React Native with Fritz
freeCodeCamp
Fritz is a platform that’s intended to make it easy for developers to power their mobile apps with machine learning features. Currently, it has an SDK for both Android and iOS. Today, we’ll explore how to use the Style Transfer API in React Native. The Style Transfer API styles images or video according to real art masterpieces. There are 11 pre-trained artwork styles, including Van Gogh’s Starry Night and Munch’s Scream, among others.
How to handle navigation in your Flutter apps
freeCodeCamp
An app page in Flutter is a Widget, a description of the UI portrayed. To make a legitimate app, you need many of these pages, displaying a multitude of features. It’s all well and fine after you create a new page. But, how do you move between them? Quite simple: you use the Navigator Class, inbuilt in the Flutter SDK.
A first look at firstBorn, React Native’s new component library
freeCodeCamp
first-born is a React Native UI Component Framework, which follows the design methodology Atomic Design by Brad Frost. Version 1.0.0 was recently published as an npm module on the 1st of April (it ain’t no joke though…). In this article, we will see a demo of the existing components offered by first-born.
A simplified introduction to Dart and Flutter
freeCodeCamp
It all began in 2011: Xamarin, now a Microsoft-owned company, came up with a solution for hybrid mobile apps through its signature product, Xamarin SDK with C#. And thus began the revolution of hybrid mobile applications, the ease in writing one code base for many platforms. Ionic sprung up in 2013 with its first release by Drifty Co, soon after Facebook followed with React Native. Now we can watch Google’s turn at putting its fingers in the pie with Flutter.
How to Create a CRUD To-do App Using Ionic 3
freeCodeCamp
Hybris mobile technology creates mobile apps using the easier to learn languages; HTML, CSS, and JavaScript. The beauty of developing a hybrid mobile app is the fact that they can be compiled to work with any platform. Ionic is one of the popular frameworks to make your own hybrid mobile app. It will be used in this post, alongside Firebase, to create a simple To-do list CRUD app.
Using Firebase’s Cloud Firestore in Flutter
Heartbeat by Fritz.ai
Very rarely do we find mobile apps that have no connection to a backend of any sort. There are many services and platforms like Azure or AWS, but one Google product stands out as well: Firebase. It’s easy to use, scalable and—most importantly—free. In this tutorial, we’ll explore how to connect our Flutter mobile app to Firebase.
Firebase User Authentication in Flutter
Heartbeat by Fritz.ai
In our last tutorial, we used Firebase to store and keep track of the tasks we needed to complete. But that approach wasn’t customized to a specific user, i.e. they all got the same list of tasks. One way of personalizing these tasks for different users is to include user authentication. And that’s exactly what we’ll be doing in this post.