Scoped CSS is Back

Keith J. Grant gives a nice look at the current state of Scoped CSS, explaining that a working prototype is already in Chrome. - https://keithjgrant.com/posts/2023/04/scoped-css-is-back

#css

3 Kinds of Props in Vue

Vue's props streamline data flow between parent and child components. There are three main types: Template, Configuration, and State (Data) Props. This article explores each type, their differences, and best use cases. - https://michaelnthiessen.com/3-kinds-of-props

#vue

Node.js Test Runner: A Beginner's Guide

Modern versions of Node have their own test runner built in. - https://betterstack.com/community/guides/testing/nodejs-test-runner/

#nodejs

Technical Debts in Component Design using Angular

In one of my previous posts I have talked about code smells in Angular [1]. This time I would like to address… - https://blog.stackademic.com/technical-debts-in-component-design-using-angular-87af0bd4ede3

#angular

Data Fetching Patterns in Single-Page Applications

With a level of depth you’d expect on Martin Fowler’s blog, Atlassian’s Juntao Qiu walks through five different patterns to consider when fetching remote data, using a realistic React-based scenario to show them off. - https://martinfowler.com/articles/data-fetch-spa.html

#react

Stop using {} in Typescript

In the world of TypeScript, it’s pretty common to use ‘Object’ or ‘{}’ as a type when we’re expecting an… - https://medium.com/@sukheja.varun/stop-using-in-typescript-ed24d3532d9e

#typescript

A Conceptual Model of State in Vue 3.4

As web applications become more complex, managing state and componentization in the frontend is challenging. Vue 3.4's defineModel macro offers an efficient way to handle complex inter-component state management while maintaining strong data locality and compartmentalization. This blogpost provides all you need to know about this macro. - https://chrlschn.dev/blog/2024/01/a-conceptual-model-of-state-in-vue-34-using-definemodel/

#vue

Detect JavaScript Support in CSS

The webpage contains a technical blog post that discusses a method for detecting JavaScript support in CSS using the "@supports" rule. The author provides code examples and explains the benefits of this approach for creating more flexible and dynamic stylesheets. - https://ryanmulligan.dev/blog/detect-js-support-in-css/

#css

Node is Leaking Memory? setTimeout Could Be The Reason

The folks at Sentry were running into problems with how Node handles timeouts created with setTimeout or, more specifically, problems caused by hanging on to the Timeout objects setTimeout returns.. - https://lucumr.pocoo.org/2024/6/5/node-timeout/

#nodejs

Translating React Apps with i18next and Testing Them with Playwright

A twofer: a step-by-step tutorial on how to use i18next to create a multi-lingual version of your app and the mechanics of testing it with Playwright. - https://wanago.io/2024/05/13/react-internationalization-end-to-end-tests-playwright/

#react

Getting Started with Generative AI in Angular

Vertex AI is Google Cloud platform for state-of-the-art Generative AI including PaLM 2 - https://medium.com/google-cloud/getting-started-with-generative-ai-in-angular-b72737a59982

#angular

Don’t Just LeetCode; Follow the Coding Patterns Instead

What if you don’t like to practice 100s of coding questions before the interview? - https://levelup.gitconnected.com/dont-just-leetcode-follow-the-coding-patterns-instead-4beb6a197fdb

#leetcode

Using Node.js's Test Runner: The Official Guide

A useful new guide on the official Node site to the fundamentals of setting up and using Node’s new test runner functionality, along with snapshot tests  - https://nodejs.org/en/learn/test-runner/using-test-runner

#nodejs

Vue.js tips - How to re-expose slots in wrapping component

In this blogpost the author provides a practical and personal solution to leveraging slots to build reusable Ui components - https://dev.to/aloisseckar/vuejs-tips-how-to-re-expose-slots-in-wrapping-component-1n1

#vue

The Fifty-Fifty Split and Overflow

The webpage contains a blog post that discusses a CSS technique for creating a "50/50 overflow" layout, where two elements are positioned side-by-side and one overflows onto the other. The author provides a step-by-step guide and code examples to achieve this layout using flexbox and CSS grid properties. - https://ryanmulligan.dev/blog/50-50-overflow/

#css

Revolutionizing Change Detection with Angular Signals

Angular Signals is a finely tuned, reactive system designed to track the usage and locations of your… - https://medium.com/@jonatan.melzer/revolutionizing-change-detection-with-angular-signals-adb377aa935a

#angular

'I Tried React Compiler Today, and Guess What..'

The recently unveiled React Compiler automatically memoizes things – so can we ditch memo, useMemo and useCallback right away? Nadia investigates, finds the rough edges, and helps keep our feet on the ground. - https://www.developerway.com/posts/i-tried-react-compiler

#react

Exchanging Messages Between Node Processes with Execa 9.2

The latest version of the execa process execution library introduces IPC methods to communicate between processes. Maintainer ehmicky shows us the elegant API that makes it all come together here. - https://itnext.io/ipc-made-easy-with-execa-9-2-939c6a358731

#nodejs

Improve Build Performance of Nuxt

This article explores the Nuxt-build-cache module and how it affects your Nuxt project’s performance. - https://dev.to/jacobandrewsky/improve-build-performance-of-nuxt-2bmn

#vue

CSS Masking

Ahmad Shadeed explains what CSS masking is, how it works, and shares a few use cases for it. - https://ishadeed.com/article/css-masking

#css