Menu

JavaScript News

A Continuous Integration and Deployment Setup with CircleCI and Coveralls

November 9th, 2020

Continuous Integration (CI) and Continuous Deployment (CD) are crucial development practices, especially for teams. Every project is prone to error, regardless of the size. But when there is a CI/CD process set up with well-written tests, those errors are a lot easier to find and fix. In this article, let’s go through how to check…

How to Create a Commenting Engine with Next.js and Sanity

November 6th, 2020

One of the arguments against the Jamstack approach for building websites is that developing features get complex and often require a number of other services. Take commenting, for example. To set up commenting for a Jamstack site, you often need a third-party solution such as Disqus, Facebook, or even just a separate database service. That…

Quick LocalStorage Usage in Vue

November 5th, 2020

localStorage can be an incredibly useful tool in creating experiences for applications, extensions, documentation, and a variety of use cases. I’ve personally used it in each! In cases where you’re storing something small for the user that doesn’t need to be kept permanently, localStorage is our friend. Let’s pair localStorage with Vue, which I personally…

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…