Four Eras of JavaScript Frameworks

While the pre-2012 history is a bit fuzzy given the author’s experiences, this is a nice retrospective and attempt to break down the history of JavaScript frameworks into four eras, each of which builds upon what came before. - http://amp.gs/jBOZY

#javascript

Pinia: How to Reset Stores Created with Function/Setup Syntax

Pinia is a state management solution for Vue 3. In this article, you'll learn how to reset stores created with function/setup syntax. - http://amp.gs/jBODP

#vue

React Component Composition Explained

Avoid prop drilling, have cleaner, better structured code.. what’s not to like? - http://amp.gs/jBrCq

#react

Making a Podcast Transcription Server in Node

The author likes listening to podcasts but wants to be able to search back for things that were said in them. He brought it together using the Leopard speech-to-text engine - http://amp.gs/jBr51

#nodejs

Deep Dive into Text Wrapping and Word Breaking

Will Boyd explores various ways you can control how text wraps (or doesn’t wrap) on a web page. - http://amp.gs/jBSEi

#css

How to use a skeleton loader with Angular?

Skeleton loaders have become quite popular over the past few years. The purpose of such loaders is to show a… - http://amp.gs/jBNYX

#angular

Building a JavaScript Bundler from Scratch

You’ve built a to-do list, you’ve built a static site generator.. maybe even a testing framework? Christoph, known for his role in building Jest, Yarn and MooTools, takes us to the next step: building a bundler. There’s a livestream version too. A great way to understand how such tools work under the hood. - http://amp.gs/jBN30

#javascript

How to Display and Animate SVG Images in React Native - http://amp.gs/jBAC8

#reactnative

React, Vue and Svelte: Comparing the Basics Series' Articles

An in-depth series of articles comparing the basic features of React, Vue, and Svelte to help you understand the key differences. - http://amp.gs/jBAQl

#vue

The :removed Pseudo-Class and :finished Functional Pseudo-Class

Ben Frain shares an idea for pseudo-classes that would help you animate or transition things out of the DOM. - http://amp.gs/jBqdY

#css

How we scale our frontend applications using micro-frontends

At Unibuddy, we have a lot of products working together to deliver our customers the best experience. - http://amp.gs/jBqLT

#microfrontends

How To Implement Heatmap In Tables Using Directives In Angular - http://amp.gs/jBsnN

#angular

What The useEvent Hook Is

If you want a bit more background to the above, Nick has some initial reactions to the useEvent hook RFC. James Brightman also thinks about it and thinks it’ll eventually “change the way you write modern React.” - http://amp.gs/jBsA3

#react

TypeScript 4.7 Released

We wouldn’t usually make TypeScript a top feature in Node Weekly although many of you are using it, but this release has a huge feature in the shape of ES module support for Node – a feature that has been infamously difficult to implement, and whose reliance on file extensions continues to provoke debate. - http://amp.gs/jBsWq

#typescript

How to Build a Podcast Player with Transcriptions using Vue and Supabase

This post walks through setting up a podcast player app using Supabase and Vue 3, including getting transcriptions for the podcasts. - http://amp.gs/jBin6

#vue

Storybook Performance: Vite vs Webpack - http://amp.gs/jBiuI

#storybook

State of CSS 2022

Adam Argyle gives an introduction, and brief overview of styling features coming to CSS in 2022 and beyond. - http://amp.gs/jBDZ5

#css

npm Security Update: What GitHub Learnt About April's Attack

Back in April, GitHub reported that stolen OAuth user tokens were used to access some private repositories, private package manifests and metadata, as well as npm user account data, and they've shared the full story here. - http://amp.gs/jBDHx

#nodejs

GradeJS (gradejs.com) analyzes webpack production bundles. It detects a list of bundled NPM libraries and works even for minified or tree-shaken bundles without access to the source code or webpack stats files.

Source code: https://github.com/gradejs/gradejs

Powerful Vue.js form Development with FormKit

The FormKit library for Vue.js is a powerhouse for developing forms easily, quickly, and without the usual headache. - http://amp.gs/jBuEl

#vue