Horizontal Scrolling Nav

Mark Otto demonstrates how to build responsive horizontal navigation with an overflow scroll that automatically scrolls the active nav link into view. - http://amp.gs/jpM1h

#css

What's Really Going On Inside Your node_modules Folder?

A running joke is that node_modules folders are so huge they’re heavier than black holes but when packages get taken over by nefarious groups, the contents of node_modules becomes somewhat less funny. This post looks into what malicious packages can do and the broad problem of supply chain attacks generally. - http://amp.gs/jpMsj

#nodejs

How to Upgrade to the React 18 Release Candidate

The full production release of React 18 is seemingly imminent: just out, the detailed documentation covering the upgrade to this week’s release candidate. The post also includes useful information about some of the major new features. - http://amp.gs/jp5ye

#react

An Open Source eCommerce Platform for Nuxt.js

Through this guide, you will learn how to set up a starter storefront with Nuxt.js for the frontend part and link it with Medusa, an open-source headless commerce engine in Node.js. - http://amp.gs/jpQYk

#vue

Enhancements to the Ubiquitous 2D HTML Canvas

Canvas is heavily used around the Web in its Canvas2D guise (up to 40% of pages, apparently?) and this post looks at some of the newer features and enhancements being made to it. - http://amp.gs/jpQiu

#javascript #canvas

Lazy-load a component in Angular without routing - http://amp.gs/jpcC5

#angular

Making a Discord Playlist Bot with Serverless Cloud

Serverless Cloud is a serverless platform from Serverless Inc., the folks behind Serverless Framework. (Have we said ‘serverless’ enough yet?) This post ties together Node.js with some specific Serverless Cloud features to easily create a Discord chat bot that can add songs to a shared Spotify playlist. - http://amp.gs/jp6IR

#nodejs

Taming CSS Variables with Web Inspector

Razvan Caliman outlines the improvements made to Safari’s Web Inspector to help you work easier with CSS variables. - http://amp.gs/jp6Oc

#css

'My Experience Building a Chess App in React'

The author describes himself as a self-taught, relative newcomer to React development. As a result, he describes his approach to this well-defined problem in terms that those at a similar point in the learning curve will find easy to understand. - http://amp.gs/jpbxe

#react

Front End Development Trends to Watch in 2022

This post is all about catching up with the directions of this development area in 2022 since the front end is moving at a speed that makes it hard to follow. Perhaps you will find something for yourself in these trends. - http://amp.gs/jpbQO

#frontend #trends #2022

Nested Child Routes In A Vue.js Web Application

By assigning child routes to a parent route within the application, it is possible to create a multi-level UI with Vue. - http://amp.gs/jlIdO

#vue

How To Make Parallel API calls in Angular Applications - http://amp.gs/jljnB

#angular

Case Study: Moving from Next to Remix

We have covered Remix quite a bit over the last few issues. The first case studies from ‘the wild’ are beginning to come in. In this case, the author covers the rewrite of his personal site (which is where this article is hosted). - http://amp.gs/jljLb

#react

A Guide to Node Process Management with PM2

PM2 is one of the longest standing Node utilities used for managing processes and is worth checking out if you have a Node process you need to stay up 24/7. - http://amp.gs/jl8lu

#nodejs

Aligning Content In Different Wrappers

Ahmad Shadeed shows how to align content with another section, given that they are placed in different wrappers. - http://amp.gs/jl8Sv

#css

TypeScript 4.6 Released (And It Even Benefits Non-TS Users!)

The typed superset of JavaScript takes another step forward with the addition of the es2022 target, allowing code in constructors before super(), improved recursion depth checks, more syntax errors that can be detected in JavaScript files if using VS Code (even if you're not developing in TypeScript yourself!), and more. - http://amp.gs/jl8QR

#typescript

How to Architect a Production-Level App in Flutter - http://amp.gs/jlTGS

#flutter

3 Ways to Persist Pinia State

A common use case for all data stores is the need to persist data. In this video, you'll learn about a few different approaches to achieving this with Pinia. - https://www.youtube.com/watch?v=059fh7Gobho

#vue

A Look at Automatic Batching Support in React 18

A handy performance improvement comes with React 18 in the form of automatic batching support for state updates. Check out this example. - http://amp.gs/jlz8F

#react