Menu

JavaScript News

How to Animate the Details Element Using WAAPI

November 5th, 2020

Animating accordions in JavaScript has been one of the most asked animations on websites. Fun fact: jQuery’s slideDown() function was already available in the first version in 2006. In this article, we will see how you can animate the native <details> element using the Web Animations API. CodePen Embed Fallback HTML setup First, let’s see…

Gray Burst

November 2nd, 2020

I made this neat little gray burst thing. It’s nothing particularly special, especially compared to the amazing creativity on CodePen, but I figured I could document some of the things happening in it for learning reasons. CodePen Embed Fallback It’s SVG SVG has <line x1 y1 x2 y2>, so I figured it would be easy…

Using Your Own Design System with KendoReact Components

October 29th, 2020

Maybe you’ve already heard of (or even worked with!) KendoReact. It’s popped up in some of my day-to-day conversations, especially those about working with design systems and React. You could think of it as a component library like Bootstrap or Material Design, except the components in KendoReact are far more robust. These are interactive, state-driven…

React v17.0

October 19th, 2020

Today, we are releasing React 17! We’ve written at length about the role of the React 17 release and the changes it contains in the React 17 RC blog post. This post is a brief summary of it, so if you’ve already read the RC post, you can skip this one. No New Features The…

Comparing Styling Methods in 2020

October 19th, 2020

Over on Smashing, Adebiyi Adedotun Lukman covers all these styling methods. It’s in the context of Next.js, which is somewhat important as Next.js has some specific ways you work with these tools, is React and, thus, is a components-based architecture. But the styling methods talked about transcend Next.js, and can apply broadly to lots of…

Let’s Create Our Own Authentication API with Nodejs and GraphQL

October 13th, 2020

Authentication is one of the most challenging tasks for developers just starting with GraphQL. There are a lot of technical considerations, including what ORM would be easy to set up, how to generate secure tokens and hash passwords, and even what HTTP library to use and how to use it. In this article, we’ll focus…

Giving material angular a refresh

October 7th, 2020

Hi everyone, I’m Annie and I recently joined the Angular Components team after finishing up my rotations as an Engineering Resident here at Google. During the first rotation of my residency, I worked on the Closure Compiler and implemented some new ES2020 features including bullish coalesce and optional chaining. After that, my second rotation project…

Looking at AWS Amplify

October 6th, 2020

AWS Amplify is a collection of tools from AWS to help you build applications. Allow me to set the stage here to try to make that as clear as I know-how. I have a friend (true story) who wants to build an app centered around physical training. His wife is a physical trainer, and they…

The Flavors of Object-Oriented Programming (in JavaScript)

September 28th, 2020

In my research, I’ve found there are four approaches to Object-Oriented Programming in JavaScript: Using Constructor functions Using Classes Using Objects linking to other objects (OLOO) Using Factory functions Which methods should I use? Which one is “the best” way? Here I’ll present my findings along with information that may help you decide which is…

A Gentle Introduction to Using a Docker Container as a Dev Environment

September 24th, 2020

This article is mostly sarcasm. I do not think that I actually speak for Dylan Thomas and I would never encourage you to foist a light theme on people who don’t want it. No matter how wrong they may be. When Dylan Thomas penned the words, “Do not go gentle into that good night,” he…