A Practical Guide to Using Shadow DOM

Mayank covers the what, the why, and the how of using shadow DOM today. - https://www.mayank.co/blog/declarative-shadow-dom-guide

#css

React Unforget: An Experimental Alternative to React Compiler?

The React team teased more about the potential of the React Compiler in their recent update, but Mohamad was really keen to get playing with the concepts ASAP: “With React Forget’s release timeline unclear, I’ve launched a community-driven version to keep innovation alive. I believe React Unforget can be to React Compiler what Preact is to React.” - https://react-unforget.vercel.app/

#react

Webpack 5 Module Federation

Introduction to Webpack 5 Module Federation - https://medium.com/dev-jam/webpack-5-module-federation-1dff3fef6b92

#webpack

Exploring WebExtension security vulnerabilities in React Developer Tools and Vue.js devtools

Snyk's security researchers have conducted some research to better understand the risks of WebExtensions, both well-known (i.e. XSS, code injection) and those more specific to WebExtensions themselves. In this post,the author explores the WebExtension technology and look into the vulnerabilities identified. - https://dev.to/snyk/exploring-webextension-security-vulnerabilities-in-react-developer-tools-and-vuejs-devtools-38j4

#vue

Building a better-sqlite3-Compatible JavaScript Package with.. Rust?

better-sqlite3 is a commonly used SQLite library for Node.js and the folks at Turso wanted to create something compatible with it but that uses their libSQL SQLite fork under the hood instead. - https://turso.tech/blog/building-a-better-sqlite3-compatible-javascript-package-with-rust-a388cee9

#nodejs

8 Useful Angular Libraries

Hi all 👋, In this article let’s talk about some Angular libraries, useful to your Angular project. You may… - https://blog.stackademic.com/8-useful-angular-libraries-3242643f73d9

#angular

Graphic Design for Software Engineers and Architects

It’s no secret that engineers have a certain “style” for their graphic designs, including technical diagrams - https://betterprogramming.pub/graphic-design-for-software-engineers-and-architects-c616bb6c3366

#diagram #architect

View Transitions: Handling Aspect Ratio Changes

Jake Archibald outlines how to handle the problem when the content changes aspect ratio in View Transitions. - https://jakearchibald.com/2024/view-transitions-handling-aspect-ratio-changes

#css

Build a Real-Life, AI-Powered Project with Next.js and Strapi

A walkthrough of building a Next.js app that summarizes YouTube videos using AI and uses the Strapi open-source, headless CMS. - https://strapi.io/blog/epic-next-js-14-tutorial-learn-next-js-by-building-a-real-life-project-part-1-2

#react

Drizzle ORM Explained in 100 Seconds

The latest bitesize video from the always educational Fireship channel covers Drizzle ORM, a fast, TypeScript-based way to work with a variety of database systems across numerous JavaScript platforms, from Node to Bun, Deno Deploy, Supabase Functions, Cloudflare Workers, and more. - https://www.youtube.com/watch?v=i_mAHOhpBSA

#nodejs

Common Mistakes in Vue and Nuxt and How to Avoid Them

In this presentation from Nuxt Nation 2023, Daniel Kelly provides some important tips on some Developer mistakes when working with Vue.js and how we can avoid them. - https://www.youtube.com/watch?v=lI4GQdhROsE

#vue

“Code Smells” in Angular

In one of my previous post I talked about “Clean Frontend Architecture” and principles that should be… - https://blog.bitsrc.io/code-smells-in-angular-ce73bf7db072

#angular

Playing with Infinity in CSS

Will Boyd explores the infinity constant in CSS, trying to find some practical use cases. - https://codersblock.com/blog/playing-with-infinity-in-css

#css

Instant Search Params with React Server Components - https://buildui.com/posts/instant-search-params-with-react-server-components

#react

Image Optimization in Web Development: Everything You Need to Know

According to HTTP Archive, as of November 2018, images make up on average 21% of a total webpage’s weight… - https://itnext.io/%EF%B8%8F-image-optimization-in-web-development-everything-you-need-to-know-a12540f3dcf4

#image #optimization

Choosing the Right Node.js Package Manager in 2024: A Comparative Guide - https://nodesource.com/blog/nodejs-package-manager-comparative-guide-2024

#nodejs

Changes to CSS ::backdrop inheritance

Bramus Van Damme shares the latest update to ::backdrop — it now inherits any inheritable properties from its originating element. - https://developer.chrome.com/blog/css-backdrop-inheritance

#css

Standalone Angular & Nx

Standalone components, directives, and pipes are the future of Angular. Luckily, Nx works great with the new… - https://medium.com/ngconf/standalone-angular-nx-414882d8d787

#angular

Testing Next.js App Router API Routes - https://blog.arcjet.com/testing-next-js-app-router-api-routes/

#react

Top 5 mistakes to avoid when using Pinia

In this article, Eduardo - creator of Pinia provides some common mistakes when using Pinia and how to fix them. - https://masteringpinia.com/blog/top-5-mistakes-to-avoid-when-using-pinia

#vue