Angular Reactive Forms: Tips and Tricks - https://netbasal.com/angular-reactive-forms-tips-and-tricks-bb0c85400b58

#angular

Resource optimization in Node.js

How to boost your NodeJS applications’ performance through smarter resource sharing and caching - https://medium.com/pipedrive-engineering/resource-optimization-in-node-js-c90c731f9df4

#nodejs

Introducing Atomic Design in Vue.js

Atomic Design is a methodology for creating design systems that breaks down user interfaces into small, reusable components, This blogpost uses a simplify approach to explore how to implement Atomic Design in Vue.js with only HTML. - https://dev.to/berryjam/introducing-atomic-design-in-vuejs-1l2h

#vue

A Few Ways CSS Is Easier To Write In 2023

Geoff Graham explores the ways “modern” CSS in 2023 has actually made CSS “easier” to write. - https://www.smashingmagazine.com/2023/11/few-ways-css-easier-write-2023

#css

Moving Back to React

Preact felt like a logical, lightweight choice to this team at one time, but they’ve switched to React for better compatibility with Next.js, among other things. Their page weight is up slightly, but they feel the tradeoff is worth it. - https://daily.dev/blog/moving-back-to-react

#react

How to unit test an Angular pipe?

This tutorial is for people new to unit testing with Angular. We will start with unit tests for a pipe… - https://blog.angulartraining.com/how-to-unit-test-an-angular-pipe-eb5cacb018cc

#angular

Node.js Configurations Masterclass

Well-known Node developer and TSC member Matteo looks at the phenomenon of so much Node code depending on the value of environment variables and the role that secret management can play in building robust, secure apps. - https://www.youtube.com/watch?v=kVnh_tNYqxk

#nodejs

Creating Accessible UI Animations

Oriana García explains how her team tackled the challenge of balancing animation and accessibility by creating guiding principles for applying animation to user interfaces and incorporating them into the team’s design system. - https://www.smashingmagazine.com/2023/11/creating-accessible-ui-animations/

#css

Unlocking the Puzzle: Investigating Multiple Event Listeners in Vue.js

In this article, we will tackle a question: Does Vue.js support multiple event listeners? Our journey will take us deep into the mechanics of Vue.js, unraveling some intriguing undocumented behaviors along the way. - https://dev.to/charnog/unlocking-the-puzzle-investigating-multiple-event-listeners-in-vuejs-3cl2

#vue

The Complete Puppeteer Cheatsheet

If you want to control a headless Chrome browser from Node, Puppeteer is for you. Now we just need a Playwright one as well - https://proxiesapi.com/articles/the-complete-puppeteer-cheatsheet

#nodejs #e2e

How Bear Does Analytics With CSS

Herman Martinus explains how he uses CSS to trigger a URL analytics endpoint on body:hover to create a unique “read” of a page. - https://herman.bearblog.dev/how-bear-does-analytics-with-css

#css

A Recap of the Electron Ecosystem in 2023

The Electron project takes December off so now's a good time to look at recent developments. Electron 28 is the final release of the year and uses Chromium 120, Node 18.18.2, and V8 12.0, plus ES module support has been enabled. - https://www.electronjs.org/blog/ecosystem-2023-eoy-recap

#nodejs

Moving Back to React

Preact felt like a logical, lightweight choice to this team at one time, but they’ve switched to React for better compatibility with Next.js, among other things. Their page weight is up slightly, but they feel the tradeoff is worth it. - https://daily.dev/blog/moving-back-to-react

#react

Happy New Year!!!

The Anatomy of a Vue 3 Component

Vue 3 has made significant progress and reached a strong level of maturity with Composition API & Script Setup. In this article explore all the ingredients of a Vue 3 component using Composition API and Script Setup. - https://fadamakis.com/the-anatomy-of-a-vue-3-component-285eadadea89

#vue

Creating Accessible UI Animations

Oriana García explains how her team tackled the challenge of balancing animation and accessibility by creating guiding principles for applying animation to user interfaces and incorporating them into the team’s design system. - https://www.smashingmagazine.com/2023/11/creating-accessible-ui-animations

#css

Build an Infinite Scroll Component in Angular - https://netbasal.com/build-an-infinite-scroll-component-in-angular-a9c16907a94d

#angular

Simplifying Server Components

In a talk given at the recent React Advanced conference, Mark boiled down one of the newest, and perhaps most controversial, React features. A good, straightforward explanation of the parts involved and how they fit together. - https://portal.gitnation.org/contents/simplifying-server-components

#react

Advanced Patterns for Taking Page Element Screenshots with Playwright

Let’s say you take screenshots of pages using Playwright but want to do things like mask certain bits of content, modify the image in other ways, or even manipulate the DOM before taking the screenshot? Liran shares some code snippets for you. - https://lirantal.com/blog/advanced-usage-patterns-for-taking-page-element-screenshots-with-playwright/

#nodejs

Getting Started with Web Performance

Alistair Shepherd goes through some of the reasoning, jargon, metrics, tools, and top tips on improving your web performance. - https://www.htmhell.dev/adventcalendar/2023/14

#web #performance