Menu

JavaScript News

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,…