Bundle Analysis: An Underrated Tool

Many modern web applications are composed of lots of JavaScript and even more third-party dependencies. Bundlers like WebPack, Rollup, and ESBuild simplify building and distributing bundles of code to a user’s browser. However, bundlers are only as smart ... more

News from WWDC23: WebKit Features in Safari 17 beta

It’s been a fantastic year for WebKit. We’ve shipped eight Safari releases since WWDC22, with more than 140 new web technologies in the first half of 2023 alone. Now, we are pleased to announce another 88 web features coming this fall in Safari 17. Web ... more

JavaScript’s Backtick Strings are Likely the Wrong Tool for Your Job

I am very disappointed in how the official React documentation recommends we build URL strings to query APIs in JavaScript. I was reading about custom hooks and came across this: fetch(`/api/cities?country=${country}`) .then(response => response.json()) ... more

WebStorm 2023.2 EAP #3: GitLab Integration, Angular Improvements, and More

We’re continuing to work on WebStorm 2023.2 with our third EAP build. To catch up on all of the new features WebStorm 2023.2 will bring, check out our previous EAP blog posts. The Toolbox App is the easiest way to get the EAP builds and keep both your ... more

JWT Authentication in React with react-router

#409 – June 05, 2023 JWT Authentication in React with react-router In this blog post, we'll explore the seamless integration of JWT authentication with React and react-router. We'll also learn how to handle public routes, secure authenticated routes, ... more

Bootstrap 5.3.0 emphasizes dark mode, custom colors

Bootstrap 5.3.0, the latest version of the CSS, JavaScript, and HTML web framework, has arrived with an emphasis on dark mode and custom color modes. The final stable release of this update to the mobile-first application framework was announced May ... more

Build a WhatsApp Bot for Generating Lyrics using AI and Twilio

The use of bots in messaging platforms has revolutionized the way we communicate, opening up a world of endless possibilities. In this tutorial, you will learn how to build a WhatsApp bot that generates lyrics using generative AI and Twilio. The bot ... more

Release Notes for Safari Technology Preview 171

Safari Technology Preview Release 171 is now available for download for macOS Monterey 12.3 or later and macOS Ventura. If you already have Safari Technology Preview installed, you can update it in the Software Update pane of System Preferences on macOS ... more

Understanding React Concurrency

#408 – May 29, 2023 Understanding React Concurrency React v18.0 has broken ground by introducing a long-awaited feature: Concurrency! Unfortunately, despite a deluge of resources explaining how to use it, explanations of how it works are sparse. As it ... more

Latest Deno release supports NPM packages

Deno 1.34, the latest release of the JavaScript and TypeScript runtime positioned as an alternative to Node.js, improves compatibility with NPM and Node.js and enhances the developer experience, according to proponents. With Deno 1.34, unveiled on May ... more

Build a Simple Call Center With Laravel Tall Stack and Twilio Programmable Voice

In this tutorial, we will create a minimalistic call center application with Laravel and Twilio. The application will allow one call center agent to log in, accept incoming calls from a Twilio line, reject calls, and toggle their availability status. ... more

Angular users want better server-side rendering

Developers using Google’s TypeScript-based Angular web framework see room for improvement in server-side rendering, testing, debugging and profiling, initial load performance, and the component authoring format, according to the Angular Developer Survey ... more

3 things businesses must do to secure applications in the AI era

Reed McGinley-Stempel Contributor Share on Twitter Reed McGinley-Stempel is co-founder and CEO at Stytch. Organizations must quickly adapt their application security strategies to address new threats fueled by AI. They include: More sophisticated bot ... more

Arc browser’s new tool lets you remove some elements from a website

The Browser Company, the company behind the web browser Arc, introduced a fun new tool today called Boosts. It lets you customize a website with new colors and fonts. But the best feature of this tool is that you can “Zap” (read: remove) any element ... more

Microsoft wants to make Windows a better place for developers

While mostly a developer event, Build has long been where Microsoft puts a spotlight on consumer-centric updates to Windows. This year, the company is taking a different approach: It is highlighting the work it is doing to improve the developer experience ... more

Secure Client-facing S3 Content by Presigning URLs

Here’s a problem my software development team faced recently. There is proprietary content available via a public AWS S3 bucket. Since these files’ URLs are publicly accessible, anyone with a link can access them indefinitely. While this may not be an ... more

Talk to Famous Personalities through ChatGPT using Twilio WhatsApp and Node.js

OpenAI’s ChatGPT has been helping users by being a personal assistant, therapist, and content creators but have you ever wondered about using it as a way to chat with a famous personality? With the advancements of AI and the power of ChatGPT, you can ... more

Learn How to Code Video Games: A Beginner's Guide

Video game development is a unique field that lets you combine your passion for gaming with technical skills, using your imagination to create wonderful, immersive experiences for gamers to enjoy. As a video game coder, you can contribute to projects ... more

How to Use WhatsApp Reply Context with Content API and Twilio Sync

If you have multiple departments and use cases running through a single WhatsApp sender and your application needs help understanding which message your customer is replying to, this post is for you. In this tutorial, you will learn how to use the Reply ... more

How to Create Typed Generic Validators with Zod

In the last few TypeScript projects I’ve worked on, I’ve been leaning on Zod as a validator on the edges, taking in data of unknown shape and asserting at runtime that it matches the types we need to use. This works great when we know the entire shape ... more

Build Your First JavaScript ChatGPT Plugin

Learn how to build your first Chat Plugin for ChatGPT using JavaScript and Express and have a working plugin within 5 minutes Continue reading Build Your First JavaScript ChatGPT Plugin on SitePoint. ... more

Patterns from Other Languages to Enhance Your Frontend Projects

#407 – May 22, 2023 Patterns from Other Languages and Frameworks to Enhance Your Frontend Projects Drawing from 12 years of programming across various languages, I'll share how I've applied principles from these to my frontend projects. Adding Authentication ... more

TypeScript 5.1 production release arrives

TypeScript 5.1, featuring easier implicit returns for undefined-returning functions and allowing unrelated types for getters and setters, is now available as a production release as of June 1. Version 5.1 features a whole host of coding enhancements ... more

WebStorm 2023.2 EAP #2: Volar Support for Vue, Updates to the New UI, and More

We’re continuing to work on WebStorm 2023.2 with our second EAP build. To catch up on all of the new features WebStorm 2023.2 will bring, check out our previous EAP blog posts. The Toolbox App is the easiest way to get the EAP builds and keep both your ... more

WebKit Features in Safari 16.5

Today we are pleased to share what new’s in WebKit for Safari 16.5. After the massive, web-developer-feature-packed release of Safari 16.4, this version focuses predominately on polishing existing features and fixing bugs. Safari 16.5 does contain a ... more

Using CSS Flexbox To Create A Simple Bar Chart In ColdFusion

Ben Nadel demonstrates how to create a simple bar chart using CSS Flexbox and ColdFusion, no JavaScript necessary.... ... more

Release Notes for Safari Technology Preview 170

Learn about the latest web technology updates in Safari Technology Preview: CSS, Layout, JavaScript, Media, Popover, and Accessibility. Overview Safari Technology Preview Release 170 is now available for download for macOS Monterey 12.3 or later and ... more

Node v20.2.0 (Current)

null ... more

Max Q: Space is vast

Hello and welcome back to Max Q! In this issue: Virgin Galactic aims for a triumphant return Vast aims to launch space station in 2025 News from SpaceX, and more Virgin Galactic aims for triumphant return with crewed flight at the end of May Virgin Galactic ... more

What’s a Vue Plugin and How Do I Use It?

Vue Plugins are modular, reusable, self-contained codes you can install and configure application-wide. In the world of React, a Vue plugin is similar to a library or package that can be installed and used. Using a Plugin Once a Vue plugin is installed ... more