Plugin Architecture
In one of my previous blog posts I have talked about Clean Frontend Architecture and have given an example on… - https://blog.stackademic.com/plugin-architecture-736e5ca81a1a
#microfrontend
In one of my previous blog posts I have talked about Clean Frontend Architecture and have given an example on… - https://blog.stackademic.com/plugin-architecture-736e5ca81a1a
#microfrontend
Medium
What is a Plugin Architecture?
In one of my previous blog posts I have talked about Clean Frontend Architecture and have given an example on how to introduce DDD…
CSS in React Server Components
An exploration of compatibility issues between React Server Components and CSS-in-JS libraries like styled-components, including what some of your options are and what’s coming in future. - https://www.joshwcomeau.com/react/css-in-rsc/
#react
An exploration of compatibility issues between React Server Components and CSS-in-JS libraries like styled-components, including what some of your options are and what’s coming in future. - https://www.joshwcomeau.com/react/css-in-rsc/
#react
Joshwcomeau
CSS in React Server Components
You can’t make an omelette without cracking a few eggs, and when the core React team unveiled their vision for the future of React, some of my favourite libraries got scrambled 😅. In this blog post, we’re going to explore the compatibility issues between…
Migrating 500+ Tests from Mocha to Node.js
A quick retrospective of how the Astro team migrated more than 500 test suites from Mocha to the Node.js test runner. - https://astro.build/blog/node-test-migration/
#nodejs
A quick retrospective of how the Astro team migrated more than 500 test suites from Mocha to the Node.js test runner. - https://astro.build/blog/node-test-migration/
#nodejs
Astro
Migrating 500+ tests from Mocha to Node.js | Astro
A retrospective of how Astro migrated more than 500 test suites from Mocha to Node.js test runner.
Advanced Enum Techniques in Angular TypeScript Projects: Elevating Code Clarity
Welcome to the second blog on ENUMS. In the first part, we explored the basics of enums in TypeScript and how… - https://medium.com/@ayushgrwl365/advanced-enum-techniques-in-angular-typescript-projects-elevating-code-clarity-6b0a654fa29d
#angular
Welcome to the second blog on ENUMS. In the first part, we explored the basics of enums in TypeScript and how… - https://medium.com/@ayushgrwl365/advanced-enum-techniques-in-angular-typescript-projects-elevating-code-clarity-6b0a654fa29d
#angular
Medium
Advanced Enum Techniques in Angular TypeScript Projects: Elevating Code Clarity
Welcome to the second blog on ENUMS. In the first part, we explored the basics of enums in TypeScript and how they can enhance code…
6 advanced techniques of TypeScript
TypeScript dry goods: 6 advanced techniques to improve code quality - https://medium.com/@Choco23/6-advanced-techniques-of-typescript-e904fed992dc
#typescript
TypeScript dry goods: 6 advanced techniques to improve code quality - https://medium.com/@Choco23/6-advanced-techniques-of-typescript-e904fed992dc
#typescript
Medium
6 advanced techniques of TypeScript
TypeScript dry goods: 6 advanced techniques to improve code quality
Vue Templates: Should They Start from the Top or the Bottom?
A question arises: "Some people and projects write SFCs differently, especially the order of template, script and style tags.”. This blog post shares an opinionated view on the best way to structure your Single File Components. - https://dev.to/mikinovation/vue-templates-should-they-start-from-the-top-or-the-bottom-30lc
#vue
A question arises: "Some people and projects write SFCs differently, especially the order of template, script and style tags.”. This blog post shares an opinionated view on the best way to structure your Single File Components. - https://dev.to/mikinovation/vue-templates-should-they-start-from-the-top-or-the-bottom-30lc
#vue
DEV Community
Vue Templates: Should They Start from the Top or the Bottom?
This article is translated with Chat GPT from my article in...
Things That Can Break aspect-ratio in CSS
Chris Coyier outlines some cases where aspect-ratio property might give unexpected results. - https://frontendmasters.com/blog/things-that-can-break-aspect-ratio-in-css
#css
Chris Coyier outlines some cases where aspect-ratio property might give unexpected results. - https://frontendmasters.com/blog/things-that-can-break-aspect-ratio-in-css
#css
Frontendmasters
Things That Can Break aspect-ratio in CSS – Frontend Masters Boost
CSS has an aspect-ratio property, which has had full support since around 2021. It can be a very satisfying property to use, because it can help match how your brain 🧠 works or what the desired design outcome does better than forcing dimensions does. “I need…
From 0 to Production - A Modern React Tutorial
I’d be surprised if you’re not familiar with Theo, but if not, let’s just say he’s a popular developer YouTuber 😉 He may become even more popular thank to this video which, over three hours, covers modern React app development, complete with server components, Next.js, TypeScript, the Drizzle ORM, pnpm, and shadcn/ui. - https://www.youtube.com/watch?v=d5x0JCZbAJs
#react
I’d be surprised if you’re not familiar with Theo, but if not, let’s just say he’s a popular developer YouTuber 😉 He may become even more popular thank to this video which, over three hours, covers modern React app development, complete with server components, Next.js, TypeScript, the Drizzle ORM, pnpm, and shadcn/ui. - https://www.youtube.com/watch?v=d5x0JCZbAJs
#react
YouTube
From 0 to Production - The Modern React Tutorial (RSCs, Next.js, Shadui, Drizzle, TS and more)
The Modern React Tutorial is FINALLY done. This one took awhile.
Shoutout to ALL the awesome sponsors who made this possible:
- Vercel
- Clerk
- Posthog
- Sentry
- Upstash
NOTES I MENTION DURING VIDEO
"Nextgram": https://github.com/vercel/nextgram/tree/main/app…
Shoutout to ALL the awesome sponsors who made this possible:
- Vercel
- Clerk
- Posthog
- Sentry
- Upstash
NOTES I MENTION DURING VIDEO
"Nextgram": https://github.com/vercel/nextgram/tree/main/app…
How to Implement Rate Limiting in Express.js
A practical walk through a simple setup. A viable option against certain bots and users, though not a universal solution for DDoS or determined attackers. - https://blog.appsignal.com/2024/04/03/how-to-implement-rate-limiting-in-express-for-nodejs.html
#nodejs
A practical walk through a simple setup. A viable option against certain bots and users, though not a universal solution for DDoS or determined attackers. - https://blog.appsignal.com/2024/04/03/how-to-implement-rate-limiting-in-express-for-nodejs.html
#nodejs
Appsignal
How to Implement Rate Limiting in Express for Node.js | AppSignal Blog
We'll explore the ins and outs of rate limiting and see why it's needed for your Node.js application.
How to Use Vue Router: A Complete Tutorial
One of the most powerful features of modern single-page web applications (SPA) is routing. Vue Router is the official library for page navigation in Vue applications. This article will go over everything you need to know to use Vue Router comfortably. - https://vueschool.io/articles/vuejs-tutorials/how-to-use-vue-router-a-complete-tutorial/
#vue
One of the most powerful features of modern single-page web applications (SPA) is routing. Vue Router is the official library for page navigation in Vue applications. This article will go over everything you need to know to use Vue Router comfortably. - https://vueschool.io/articles/vuejs-tutorials/how-to-use-vue-router-a-complete-tutorial/
#vue
vueschool.io
How to Use Vue Router 4 (with Vue.js 3) - A Complete Tutorial
In this article, we will deep dive into Vue Router 4 (used with Vue 3). We will go over everything you need to know to use Vue Router comfortably.
A Comprehensive Guide to Angular’s Defer Block
With the latest control flow enhancements, Angular v17 introduces an impressive and highly beneficial… - https://netbasal.com/a-comprehensive-guide-to-angulars-defer-block-468c74048df4
#angular
With the latest control flow enhancements, Angular v17 introduces an impressive and highly beneficial… - https://netbasal.com/a-comprehensive-guide-to-angulars-defer-block-468c74048df4
#angular
Medium
A Comprehensive Guide to Angular’s Defer Block
With the latest control flow enhancements, Angular v17 introduces an impressive and highly beneficial feature: the defer block.
Drawing a Line to Connect Elements with CSS Anchor Positioning
Silvestar Bistrović demonstrates how to utilize CSS Anchor Positioning to create an interesting and useful effect. - https://frontendmasters.com/blog/drawing-a-line-to-connect-elements-with-css-anchor-positioning
#css
Silvestar Bistrović demonstrates how to utilize CSS Anchor Positioning to create an interesting and useful effect. - https://frontendmasters.com/blog/drawing-a-line-to-connect-elements-with-css-anchor-positioning
#css
Frontendmasters
Drawing a Line to Connect Elements with CSS Anchor Positioning – Frontend Masters Boost
The World Wide Web Consortium (W3C) published a First Public Working Draft of CSS Anchor Positioning last year, so I thought I would give it a try. I already had a perfect candidate to try it on: a component on my other site, adedicated.dev, which showcase…
Getting Your Codebase Ready for React 19
Is your app ready for what’s coming up in React 19’s release? A quick look at some of the anticipated changes so far. - https://thoughtbot.com/blog/get-your-codebase-ready-for-react-19
#react
Is your app ready for what’s coming up in React 19’s release? A quick look at some of the anticipated changes so far. - https://thoughtbot.com/blog/get-your-codebase-ready-for-react-19
#react
thoughtbot
Get your codebase ready for React 19
Is your app ready for what’s coming up in React 19’s release? Get prepared with what is going to change ahead of its release date.
Using ES Modules with Dynamic Imports to Implement Micro Frontends
Using ES Modules for microfrontends is a great idea. By leveraging tools like Webpack and SystemJS we can… - https://blog.bitsrc.io/using-es-modules-with-dynamic-imports-to-implement-micro-frontends-7c840a38890e
#microfrontends
Using ES Modules for microfrontends is a great idea. By leveraging tools like Webpack and SystemJS we can… - https://blog.bitsrc.io/using-es-modules-with-dynamic-imports-to-implement-micro-frontends-7c840a38890e
#microfrontends
Medium
Using ES Modules with Dynamic Imports to Implement Micro Frontends
Using ES Modules for microfrontends is a great idea. By leveraging tools like Webpack and SystemJS we can utilize up and coming browser…
A Better Frontend Component Structure: Component Trees
As we create large applications, deducing how components are connected and interact becomes a challenge. In this article, the author provides a solution to easily avoid frontend component directories with high cognitive load. - https://betterprogramming.pub/a-better-frontend-component-structure-component-trees-5a99ed6d1ece
#vue
As we create large applications, deducing how components are connected and interact becomes a challenge. In this article, the author provides a solution to easily avoid frontend component directories with high cognitive load. - https://betterprogramming.pub/a-better-frontend-component-structure-component-trees-5a99ed6d1ece
#vue
Medium
A Better Frontend Component Structure: Component Trees
Easily avoid frontend component directories with high cognitive load
A Trip Report from the Latest Node.js Collaboration Summit
Twice a year, Node's collaborators and community members meet at collaboration summits to share knowledge, discuss problems, and flesh out new ideas. The last one took place in London earlier this month and featured discussion on Node’s HTTP stack, a new node --run feature, ES modules support, package management, and more. A good update! - https://nodejs.org/en/blog/events/collab-summit-2024-london
#nodejs
Twice a year, Node's collaborators and community members meet at collaboration summits to share knowledge, discuss problems, and flesh out new ideas. The last one took place in London earlier this month and featured discussion on Node’s HTTP stack, a new node --run feature, ES modules support, package management, and more. A good update! - https://nodejs.org/en/blog/events/collab-summit-2024-london
#nodejs
nodejs.org
Node.js — Trip report: Node.js collaboration summit (2024 London)
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
Should AVIF Be the Dominant Image Format on the Web?
Tim Severien explores how AVIF compares to competing image formats like JPEG and WebP. - https://tsev.dev/posts/2023-11-10-should-avif-be-the-dominant-image-format
#css
Tim Severien explores how AVIF compares to competing image formats like JPEG and WebP. - https://tsev.dev/posts/2023-11-10-should-avif-be-the-dominant-image-format
#css
Should AVIF be the dominant image format on the web?
Tim Severien
Blog of another senior web engineer
Building an Interactive 3D Event Badge with React Three Fiber
A tutorial fresh out of Vercel covering how they implemented the virtual lanyard for their Vercel Ship conference site. - https://vercel.com/blog/building-an-interactive-3d-event-badge-with-react-three-fiber
#react
A tutorial fresh out of Vercel covering how they implemented the virtual lanyard for their Vercel Ship conference site. - https://vercel.com/blog/building-an-interactive-3d-event-badge-with-react-three-fiber
#react
Vercel
Building an interactive 3D event badge with React Three Fiber – Vercel
See a full working demo of how we built the interactive Vercel Ship '24 badge using React Three Fiber and react-three-rapier.
Meet Angular’s New Control Flow
This November, we’ll release Angular version 17 with a number of new template features, including a new… - https://blog.angular.io/meet-angulars-new-control-flow-a02c6eee7843
#angular
This November, we’ll release Angular version 17 with a number of new template features, including a new… - https://blog.angular.io/meet-angulars-new-control-flow-a02c6eee7843
#angular
Medium
Meet Angular’s New Control Flow
This November, we’ll release Angular version 17 with a number of new template features, including a new built-in syntax for control flow…
Stateful Logic Reuse ft. Composables
Code reuse is arguably one of the most satisfying experiences of a developer's life. Since it leads to lesser code to manage. This blogpost provides insight into what the term "Stateful” means. - https://naumanzafar.dev/stateful-logic-reuse-ft-composables
#vue
Code reuse is arguably one of the most satisfying experiences of a developer's life. Since it leads to lesser code to manage. This blogpost provides insight into what the term "Stateful” means. - https://naumanzafar.dev/stateful-logic-reuse-ft-composables
#vue
Nauman Zafar's Blog
Understanding Composables in Vue3
Composables enable stateful logic reuse in vue3