Query JSON documents in the Terminal with GROQ
November 7th, 2019
JSON documents are everywhere today, but they have rarely structured the way you want them to be. They often include too much data, have weirdly named fields, or place the data in unnecessary nested objects. Graph-Relational Object Queries (GROQ) is a query language (like SQL, but different) which is designed to work directly on JSON…
Building Accessibility in Angular Applications
November 6th, 2019
Accessibility in Angular Applications Guest Author: Zama Khan Mohammed, Software Architect, Author of Angular Projects book. Hug illustration is taken from icon8 Many software development teams focus and prioritize software architecture, performance, security, testability, and maintainability of the software but often forget to value the importance of accessibility. Accessibility should never be an afterthought! Everyone should be…
What is super() in JavaScript?
November 6th, 2019
What’s happening when you see some JavaScript that calls super()?.In a child class, you use super() to call its parent’s constructor and super.<methodName> to access its parent’s methods. This article will assume at least a little familiarity with the concepts of constructors and child and parent classes. If that’s totally new, you may want to…
Building Great User Experiences with Concurrent Mode and Suspense
November 5th, 2019
At React Conf 2019 we announced an experimental release of React that supports Concurrent Mode and Suspense. In this post we’ll introduce best practices for using them that we’ve identified through the process of building the new facebook.com. This post will be most relevant to people working on data fetching libraries for React. It shows…
Making a Chart? Try Using Mobx State Tree to Power the Data
November 5th, 2019
Who loves charts? Everyone, right? There are lots of ways to create them, including a number of libraries. There’s D3.js, Chart.js, amCharts, Highcharts, and Chartist, to name only a few of many, many options. But we don’t necessarily need a chart library to create charts. Take Mobx-state-tree (MST), an intuitive alternative to Redux for managing…
Announcing the Capacitor ngAdd Schematic
November 4th, 2019
Today, we at Ionic are happy to share the release of Angular Schematics for Capacitor. Let’s take a look at what Capacitor is and how to add it to an Angular project. Capacitor overview First off, let’s go over what Capacitor is and how it relates to other cross platform projects out there. At a glance, Capacitor…
A Look at JAMstack’s Speed, By the Numbers
November 1st, 2019
People say JAMstack sites are fast — let’s find out why by looking at real performance metrics! We’ll cover common metrics, like Time to First Byte (TTFB) among others, then compare data across a wide section of sites to see how different ways to slice those sites up compare. First, I’d like to present a…
Comparing the Different Types of Native JavaScript Popups
October 31st, 2019
JavaScript has a variety of built-in popup APIs that display special UI for user interaction. Famously: alert(“Hello, World!”); The UI for this varies from browser to browser, but generally you’ll see a little window pop up front and center in a very show-stopping way that contains the message you just passed. Here’s Firefox and Chrome:…
Build a 100% Serverless REST API with Firebase Functions & FaunaDB
October 31st, 2019
Indie and enterprise web developers alike are pushing toward a serverless architecture for modern applications. Serverless architectures typically scale well, avoid the need for server provisioning and most importantly are easy and cheap to set up! And that’s why I believe the next evolution for cloud is serverless because it enables developers to focus on…
It’s All In the Head: Managing the Document Head of a React Powered Site With React Helmet
October 30th, 2019
The document head might not be the most glamorous part of a website, but what goes into it is arguably just as important to the success of your website as its user interface. This is, after all, where you tell search engines about your website and integrate it with third-party applications like Facebook and Twitter,…