JavaScript News

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

Animated Position of Focus Ring

October 27th, 2019

Maurice Mahan created FocusOverlay, a “library for creating overlays on focused elements.” That description is a little confusing as you don’t need a library to create focus styles. What the library actually does is animate the focus rings as focus moves from one element to another. It’s based on the same idea as Flying Focus….

Understanding How Reducers are Used in Redux

October 24th, 2019

A reducer is a function that determines changes to an application’s state. It uses the action it receives to determine this change. We have tools, like Redux, that help manage an application’s state changes in a single store so that they behave consistently. Why do we mention Redux when talking about reducers? Redux relies heavily…

What I Like About Writing Styles with Svelte

October 23rd, 2019

There’s been a lot of well-deserved hype around Svelte recently, with the project accumulating over 24,000 GitHub stars. Arguably the simplest JavaScript framework out there, Svelte was written by Rich Harris, the developer behind Rollup. There’s a lot to like about Svelte (performance, built-in state management, writing proper markup rather than JSX), but the big…

Netlify Build Plugins Announcement

October 22nd, 2019

Netlify just dropped a new thing: Build Plugins. (It’s in beta, so you have to request access for now.) Here’s my crack at explaining it, which is heavily informed from David Well’s announcement video. You might think of Netlify as that service that makes it easy to sling up some static files from a repo…

Preparing for the Future with React Prereleases

October 21st, 2019

To share upcoming changes with our partners in the React ecosystem, we’re establishing official prerelease channels. We hope this process will help us make changes to React with confidence and give developers the opportunity to try out experimental features. This post will be most relevant to developers who work on frameworks, libraries, or developer tooling….