How to use a Custom Easing Function with the Web Animations API (WAAPI)
Bramus Van Damme shows how to use custom easing functions with the Web Animations API. - https://www.bram.us/2024/01/12/waapi-custom-easing-function
#css
Bramus Van Damme shows how to use custom easing functions with the Web Animations API. - https://www.bram.us/2024/01/12/waapi-custom-easing-function
#css
Bram.us
How to use a Custom Easing Function with the Web Animations API (WAAPI)
So, you’ve found a custom easing function defined in JavaScript. Great! But how do you use that with the Web Animations API (WAAPI)? Turns out that’s more difficult than you’d first expect it to be.
👍5
What is Vite and Why Use It Over Create React App?
Create React App was long considered 'the' way to create new React apps, but Vite has continued to swell in popularity in 2023 due to its ease of use and performance. This helpful post only sped up that process. - https://joshcollinsworth.com/blog/antiquated-react
#react
Create React App was long considered 'the' way to create new React apps, but Vite has continued to swell in popularity in 2023 due to its ease of use and performance. This helpful post only sped up that process. - https://joshcollinsworth.com/blog/antiquated-react
#react
Josh Collinsworth
Things you forgot (or never knew) because of React
If you don't often look beyond established comfortable defaults, you might be surprised to learn just how far the world of frontend has moved away from React, and how big that gap continues to grow.
👍8❤3
Svelte by Example: A Gentle Introduction
A succinct, gentle, and code-focused introduction to Svelte and SvelteKit. - https://sveltebyexample.com/
#svelte
A succinct, gentle, and code-focused introduction to Svelte and SvelteKit. - https://sveltebyexample.com/
#svelte
👍6
Introducing fsx: A Modern Filesystem API for JavaScript?
Filesystem APIs in JavaScript runtimes haven’t been great for a long time, says Nicholas, who explains how Node is itself the origin point of most modern approaches. fsx is his attempt to find a better way forward - https://humanwhocodes.com/blog/2024/01/fsx-modern-filesystem-api-javascript/
#nodejs
Filesystem APIs in JavaScript runtimes haven’t been great for a long time, says Nicholas, who explains how Node is itself the origin point of most modern approaches. fsx is his attempt to find a better way forward - https://humanwhocodes.com/blog/2024/01/fsx-modern-filesystem-api-javascript/
#nodejs
Human Who Codes
Introducing humanfs (formerly fsx): A modern filesystem API for JavaScript - Human Who Codes
Filesystem APIs in JavaScript runtimes haven't been great for a long time. This is my attempt to make a better one.
👍6
Accessible Notifications With ARIA Live Regions
Sara Soueidan explains in detail how ARIA live regions work — the accessible notifications system that enables you to make dynamic web content more accessible to screen reader users. - https://www.sarasoueidan.com/blog/accessible-notifications-with-aria-live-regions-part-1
#accessiblity
Sara Soueidan explains in detail how ARIA live regions work — the accessible notifications system that enables you to make dynamic web content more accessible to screen reader users. - https://www.sarasoueidan.com/blog/accessible-notifications-with-aria-live-regions-part-1
#accessiblity
Sarasoueidan
Accessible notifications with ARIA Live Regions (Part 1)
– The personal website of Sara Soueidan, inclusive design engineer
👍8
How React 18 Improves Application Performance
If you’ve not kept up with how things have developed in React with regards to concurrent rendering, transitions, Suspense, or React Server Components, this remains a good primer to get up to speed on how they can improve performance, though it may well begin to age soon. - https://vercel.com/blog/how-react-18-improves-application-performance
#react
If you’ve not kept up with how things have developed in React with regards to concurrent rendering, transitions, Suspense, or React Server Components, this remains a good primer to get up to speed on how they can improve performance, though it may well begin to age soon. - https://vercel.com/blog/how-react-18-improves-application-performance
#react
Vercel
How React 18 Improves Application Performance
Learn how React 18's concurrent features like Transitions, Suspense, and React Server Components improve application performance.
👍6
Angular is getting New Template Syntax
Angular has been stable for some devs and stagnant for others. Now it’s moving forward at light speed. But… - https://itnext.io/angular-is-getting-new-template-syntax-ff66bc5f02f7
#angular
Angular has been stable for some devs and stagnant for others. Now it’s moving forward at light speed. But… - https://itnext.io/angular-is-getting-new-template-syntax-ff66bc5f02f7
#angular
Medium
Angular is getting New Template Syntax
Angular has been stable for some devs and stagnant for others. Now it’s moving forward at light speed. But where exactly is it headed?
❤3👍3
CSS Media Query for Scripting Support
Stephanie Stimac gives a short introduction to CSS media query for scripting support. - https://blog.stephaniestimac.com/posts/2023/12/css-media-query-scripting
#css
Stephanie Stimac gives a short introduction to CSS media query for scripting support. - https://blog.stephaniestimac.com/posts/2023/12/css-media-query-scripting
#css
Stephanie Stimac's Blog
CSS Media Query for Scripting Support
A brief look at the CSS Media Query for scripting support
👍3
All we know about Vue 3's Vapor Mode ...until now
Vapor Mode is a new and alternative compilation strategy inspired by Solid.js.
It aims to enhance your apps' performance by compiling your code into a more efficient JavaScript output. - https://icarusgk.hashnode.dev/vue-3-vapor-mode
#vue
Vapor Mode is a new and alternative compilation strategy inspired by Solid.js.
It aims to enhance your apps' performance by compiling your code into a more efficient JavaScript output. - https://icarusgk.hashnode.dev/vue-3-vapor-mode
#vue
icarus.gk's blog
Vue 3 Vapor Mode News
What is Vapor Mode? 🧐
Vapor Mode is a new and alternative compilation strategy inspired by Solid.js. It aims to enhance your apps' performance by compiling your code into a more efficient JavaScript output.
When used at the app level, you can drop t...
Vapor Mode is a new and alternative compilation strategy inspired by Solid.js. It aims to enhance your apps' performance by compiling your code into a more efficient JavaScript output.
When used at the app level, you can drop t...
👍4
Transcribing Audio on Cloudflare Workers with AssemblyAI
This is a little platform specific, but we’ve been experimenting with AssemblyAI for transcribing audio and it works very well. - https://www.assemblyai.com/blog/transcribe-audio-cloudflare-workers-assemblyai-nodejs-typescript/
#nodejs
This is a little platform specific, but we’ve been experimenting with AssemblyAI for transcribing audio and it works very well. - https://www.assemblyai.com/blog/transcribe-audio-cloudflare-workers-assemblyai-nodejs-typescript/
#nodejs
Assemblyai
Transcribe audio to text on Cloudflare Workers with AssemblyAI and TypeScript
In this tutorial, you'll learn how to create an application that transcribes the audio files (and video files) to text. You'll create a TypeScript backend on top of Cloudflare Workers and use the AssemblyAI APIs to transcribe the audio.
❤3👍1
The Interactive Guide to Rendering in React
This interactive guide explores why, when, and how React renders, and illustrates it with a series of short and well thought out video animations that remain just as relevant today. - https://ui.dev/why-react-renders
#react
This interactive guide explores why, when, and how React renders, and illustrates it with a series of short and well thought out video animations that remain just as relevant today. - https://ui.dev/why-react-renders
#react
Fireship
The Interactive Guide to Rendering in React
In this interactive guide, we'll explore why, when, and how React renders.
👍6
Typescript: Typing Your API Requests — Generics Hacks
Are you ready to take your REST API requests to the next level? Buckle up, because… Ah! 😑 why go boring…
- https://taricov.medium.com/typescript-typing-your-api-requests-generics-hacks-4-540644951f9b
#typescript
Are you ready to take your REST API requests to the next level? Buckle up, because… Ah! 😑 why go boring…
- https://taricov.medium.com/typescript-typing-your-api-requests-generics-hacks-4-540644951f9b
#typescript
👍4
Shadow DOM and the Problem of Encapsulation
Nolan Lawson clears up some of the misconceptions about Shadow DOM. - https://nolanlawson.com/2023/12/30/shadow-dom-and-the-problem-of-encapsulation
#css
Nolan Lawson clears up some of the misconceptions about Shadow DOM. - https://nolanlawson.com/2023/12/30/shadow-dom-and-the-problem-of-encapsulation
#css
Read the Tea Leaves
Shadow DOM and the problem of encapsulation
Web components are kind of having a moment right now. And as part of that, shadow DOM is having a bit of a moment too. Or it would, except that much of the conversation seems to be about why you sh…
👍5
From Angular 14 to Angular 16
What I have changed in my coding approach - https://medium.com/@redin.gaetan/from-angular-14-to-angular-16-1804736e25d9
#angular
What I have changed in my coding approach - https://medium.com/@redin.gaetan/from-angular-14-to-angular-16-1804736e25d9
#angular
Medium
From Angular 14 to Angular 16
What I have changed in my coding approach
👍6
Clean Layout Architecture for Vue Applications
Fotis concluded on a layout architecture for Vue apps that works well and scales without headaches. - https://fadamakis.com/clean-layout-architecture-for-vue-applications-a738201a2a1e
#vue
Fotis concluded on a layout architecture for Vue apps that works well and scales without headaches. - https://fadamakis.com/clean-layout-architecture-for-vue-applications-a738201a2a1e
#vue
Fotis Adamakis - Frontend Architecture & DX
Clean Layout Architecture for Vue Applications
A clean and scalable layout architecture pattern for Vue applications that reduces code repetition and supports multiple layout sections per page.
👍4
React Server Components: The Good, The Bad, and The Ugly
I’d argue that adding server capabilities to React is much less important than fixing its many existing issues. - https://www.mayank.co/blog/react-server-components/
#react
I’d argue that adding server capabilities to React is much less important than fixing its many existing issues. - https://www.mayank.co/blog/react-server-components/
#react
mayank.co
React Server Components: the Good, the Bad, and the Ugly
Evaluating Next.js's implementation of React's new server features.
👍6
Preventing and Debugging Memory Leaks in Node
A primer on the practical basics. - https://betterstack.com/community/guides/scaling-nodejs/high-performance-nodejs/nodejs-memory-leaks/
#nodejs
A primer on the practical basics. - https://betterstack.com/community/guides/scaling-nodejs/high-performance-nodejs/nodejs-memory-leaks/
#nodejs
Betterstack
Preventing and Debugging Memory Leaks in Node.js | Better Stack Community
Learn about Node.js memory leaks and their causes, how to debug and fix them,
prevention best practices, methods for monitoring leaks.
prevention best practices, methods for monitoring leaks.
👍6👎1
Mastering SOLID Principles in Just 8 Minutes - https://medium.com/@arulvalananto/mastering-solid-principles-in-just-8-minutes-1df3425c6fff
#solid
#solid
Medium
Mastering SOLID Principles in Just 8 Minutes!
Boost Performance, Maintainability, and Scalability with SOLID Principles in Your React Application!
👍7❤1
Recipes to Wrap, Extend or Proxy a Vue Component
This article details some ways to create a component that extends another. We’ll look at attributes, props, listeners, and slots, along with functional components and render functions. The syntax will generally be Vue v2.6+ with additional notes for Vue 3. - https://medium.com/js-dojo/recipes-to-wrap-extend-or-proxy-a-vue-component-dbb4a8692540
#vue
This article details some ways to create a component that extends another. We’ll look at attributes, props, listeners, and slots, along with functional components and render functions. The syntax will generally be Vue v2.6+ with additional notes for Vue 3. - https://medium.com/js-dojo/recipes-to-wrap-extend-or-proxy-a-vue-component-dbb4a8692540
#vue
Medium
Recipes to Wrap, Extend or Proxy a Vue Component
With an exciting new third-party component to introduce to your project, you think, hmm, what about DRY? I’ll wrap it!
👍4
12 Modern CSS One-Line Upgrades
Stephanie Eckles shares a number of handy CSS properties to start incorporating into your projects to reduce technical debt, remove JavaScript, and score easy wins for user experience. - https://moderncss.dev/12-modern-css-one-line-upgrades
#css
Stephanie Eckles shares a number of handy CSS properties to start incorporating into your projects to reduce technical debt, remove JavaScript, and score easy wins for user experience. - https://moderncss.dev/12-modern-css-one-line-upgrades
#css
Modern CSS Solutions
12 Modern CSS One-Line Upgrades | Modern CSS Solutions
Sometimes, improving your application CSS just takes a one-line upgrade or enhancement! Learn about 12 properties to start incorporating into your projects, and enjoy reducing technical debt, removing JavaScript, and scoring easy wins for user experience.
👍8