In this tutorial, we will create a simple real time messaging application. Setup Start by creating a new Android Studio project (make sure to check “Include Kotlin support”). I am using Android Studio 3.0 Beta 2. Next we will need to go to https://console.firebase.google.com ... more
Any modern front-end developer will tell you that it’s nearly impossible to keep up with the break-neck pace of new JavaScript frameworks; what was hot last week is almost certainly out of vogue by the time you get around to learning it. One of the hardest ... more
Gatsby is an incredible static site generator that allows for React to be used as the underlying rendering engine to scaffold out a static site that truly has all the benefits expected in a modern web application. It does this by rendering dynamic React ... more
In the last few years Amazon has been able to capture a significant share of the home assistant market with the help of the Echo product family. Starting with the audio only product line, Dot, Tap, and Echo, Amazon has now branched out into other hardware ... more
I have spent a few years building, and rebuilding a live-data service in my free time. I have progressed in many ways toward a solution that works for me. The goal was a wide-coverage webapp that provided real time updates, and could scale with little ... more
State management is all the rage. Having a centralized, reactive datastore for your webapp makes everything easier, regardless of the size of you app. I will concede that not every situation calls for state management. For instance, a true single page ... more
What was asked Recently we sent out a survey to all of our consultants to get a feel for what technologies are in use across our clients, we dug through the results of that survey to give you a glimpse into the pulse of tech development across the company. ... more
Variable-length Arrays In Part I, we learned how to automatically bind top-level state properties to form elements in JSX, so that updates to those elements automatically updated state and vice versa. In Part II, we solved for nested objects and properties ... more
Simple Data Binding What do Aurelia, VueJS, and Angular have in common? All three are modern frameworks that support two-way data binding. Of course, ReactJS famously omits this feature, and I believe the standard excuse runs along the lines of, “Flux ... more
Nested State In Part I, we learned how to bind top-level state properties to form elements in JSX, so that updates to those elements automatically updated state and vice versa. However, the method we used breaks down when the structure of our state object ... more
A recent Android application I worked on required storing the latitude and longitude of a user’s location. I was asked to convert that latitude and longitude into a user-readable address. I could have written the code in Java, which would convert latitude ... more
It’s hard enough getting your Grunts, Gulps, and Webpacks working with a complex Angular codebase, but is it really how you’re supposed to build your application for production? These days, every byte counts when your app has to work on mobile and Internet ... more
This walkthrough shows you how to get headless Chrome up and running on OSX and explains in detail how to use the code examples provided by the Chrome team. What problem does Headless Chrome solve? Headless mode in Chrome is a new way to interact with ... more
Cordova and React Native are JavaScript based frameworks for building cross-platform mobile apps. They differ greatly in their approach, with Cordova being embedded web view centric, and React Native being native centric. React Native is just one of ... more
Last time, we looked at how to build a Universal Windows Platform app in React Native in VirtualBox with a Windows 10 Developer VM. In this article, we’ll look at how to add the Windows Universal Platform into an existing React Native app that’s already ... more
Want to build a native Windows Universal app without the native language? React Native Windows can do that. The following is a walkthrough on how to get a native Universal Windows Platform (UWP) app up and running via a Windows 10 Virtual Machine on ... more
We’ve all been there: Your app deploys to production and you discover that something has stopped working because the services you depend on have renamed a field. In a REST service there is no static contract to bind to, which most of the time is a fantastic ... more