Building a Design System with React Web Components
What if you could build a universal Design system with React and use it in any web application or framework? - https://www.voorhoede.nl/en/blog/building-design-system-react-web-components/
#react
What if you could build a universal Design system with React and use it in any web application or framework? - https://www.voorhoede.nl/en/blog/building-design-system-react-web-components/
#react
www.voorhoede.nl
Building a Design System with React Web Components
Learn how to create a universal Design system with React and Web Components to use in any web application or framework.
👍8❤2🤨2
Binding Router Information to Routed Component Inputs in Angular
Angular v16 has introduced a powerful new feature that enables the automatic binding of router information… - https://netbasal.com/binding-router-information-to-routed-component-inputs-in-angular-78ee92f63e64
#angular
Angular v16 has introduced a powerful new feature that enables the automatic binding of router information… - https://netbasal.com/binding-router-information-to-routed-component-inputs-in-angular-78ee92f63e64
#angular
Medium
Binding Router Information to Routed Component Inputs in Angular
Angular v16 has introduced a powerful new feature that enables the automatic binding of router information, such as query parameters, path…
👏5👍2❤1
What is the View Transitions API and how to use it with meta frameworks
Mojtaba Seyedi explains how to create smooth and simple transitions between states and pages using View Transitions API. - https://bejamas.io/blog/what-is-view-transitions-api
#css
Mojtaba Seyedi explains how to create smooth and simple transitions between states and pages using View Transitions API. - https://bejamas.io/blog/what-is-view-transitions-api
#css
Bejamas
View Transition API & meta frameworks: a practical guide
Get started with the View Transition API: Learn how to create smooth page transitions for single and multi-page applications.
👍6
Vue 3 UX Wins with Async Components & Suspense
Lazy loading components is an easy way to improve the user experience of your app especially if your code bundle is big or if users are on slow connections. in this article discover, how Vue 3 improves user experience using async components and suspense. - https://medium.com/js-dojo/vue-3-ux-wins-with-async-components-suspense-ab20faca5886
#vue
Lazy loading components is an easy way to improve the user experience of your app especially if your code bundle is big or if users are on slow connections. in this article discover, how Vue 3 improves user experience using async components and suspense. - https://medium.com/js-dojo/vue-3-ux-wins-with-async-components-suspense-ab20faca5886
#vue
Medium
Vue 3 UX Wins with Async Components & Suspense
Lazy loading components is a easy way to improve the user experience of your app especially if your code bundle is big or if users are on…
❤6👍3
Running a Playwright Script on AWS Lambda
If you’ve struggled to make it work too, Matt has some pointers. - https://steele.blue/playwright-on-lambda/
#nodejs
If you’ve struggled to make it work too, Matt has some pointers. - https://steele.blue/playwright-on-lambda/
#nodejs
www.steele.blue
Running a Playwright script on AWS Lambda
👍7
Partially Controlled Components: A Declarative Design Pattern
Conventional thinking considers React components as either controlled or uncontrolled, but James makes the case that it’s not actually that black-and-white: there are also partially controlled components. - https://www.jameskerr.blog/posts/partially-controlled-react-components/
#react
Conventional thinking considers React components as either controlled or uncontrolled, but James makes the case that it’s not actually that black-and-white: there are also partially controlled components. - https://www.jameskerr.blog/posts/partially-controlled-react-components/
#react
www.jameskerr.blog
Partially Controlled Components: A Declarative Design Pattern in React
A common distinction in React is Controlled vs Uncontrolled components. But the real world is not so black and white…
👍5
Story of a Developer who choose not to use Monorepo & Nx - https://medium.com/@daniel.glejzner/story-of-a-developer-who-choose-not-to-use-monorepo-nx-9a0e4f9da228
#monorepo
#monorepo
Medium
Story of a Developer who Regretted Not Choosing Monorepo and Nx
Chapter 1 — The Exciting Adventure Begins
👍7
Case Study: Rebuilding TechCrunch layout with modern CSS
Ahmad Shadeed shares a case study that demonstrates how modern CSS can help you create a complex layout. - https://ishadeed.com/article/rebuilding-techcrunch-modern-css
#css
Ahmad Shadeed shares a case study that demonstrates how modern CSS can help you create a complex layout. - https://ishadeed.com/article/rebuilding-techcrunch-modern-css
#css
Ishadeed
Case Study: Rebuilding TechCrunch layout with modern CSS
Rebuilding TechCrunch with modern CSS.
👍7
When and why to use ng-content in Angular?
Learn about the powers of <ng-content> feature - https://medium.com/geekculture/when-and-why-to-use-ng-content-in-angular-1a57bc7fe697
#angular
Learn about the powers of <ng-content> feature - https://medium.com/geekculture/when-and-why-to-use-ng-content-in-angular-1a57bc7fe697
#angular
Medium
When and why to use ng-content in Angular?
Learn about the powers of <ng-content> feature
👍4🔥1
Understanding Vue Teleport
In Vue 3, the introduction of the Teleport feature has greatly enhanced the flexibility and power of Vue components. With Teleport, developers can easily render a component's content at a different location in the DOM tree. In this article, we will explore the concept of Vue Teleport, its benefits, and how Vue developers can leverage it to create dynamic and modular applications. - https://enterprisevue.dev/blog/understanding-vue-teleport/
#vue
In Vue 3, the introduction of the Teleport feature has greatly enhanced the flexibility and power of Vue components. With Teleport, developers can easily render a component's content at a different location in the DOM tree. In this article, we will explore the concept of Vue Teleport, its benefits, and how Vue developers can leverage it to create dynamic and modular applications. - https://enterprisevue.dev/blog/understanding-vue-teleport/
#vue
Architecting Vue.js 3 Enterprise-Ready Web Applications
Understanding Vue Teleport
In this article, we will explore the concept of Vue Teleport, its benefits, and how Vue developers can leverage it to create dynamic and modular applications.
👍5
Build and Deploy a Full Stack MERN Next.js 13 Threads Clone
An extensive, five hour screencast walking through the creation of a Threads/Twitter/X-style app using Next.js 13 and Clerk for user management. - https://www.youtube.com/watch?v=O5cmLDVTgAs
#react
An extensive, five hour screencast walking through the creation of a Threads/Twitter/X-style app using Next.js 13 and Clerk for user management. - https://www.youtube.com/watch?v=O5cmLDVTgAs
#react
YouTube
Build and Deploy a Full Stack MERN Next.js 14 Threads App | React, Next JS, TypeScript, MongoDB
Develop Threads, Next.js 14 app that skyrocketed to 100 million sign-ups in less than 5 days, and dethroned giants like Twitter, ChatGPT, and TikTok to become the fastest-growing app ever!
⚠ If you’re experiencing Error: ClerkInstanceContext not found, apply…
⚠ If you’re experiencing Error: ClerkInstanceContext not found, apply…
👍7🔥1
Observing Node.js Processes with eBPF - https://opeonikute.dev/posts/observing-node-with-ebpf
#nodejs
#nodejs
Opeyemi Onikute
Observing Node.js processes with eBPF
🔥4👍2
Storybook for Vue 3
Vue 3 is the latest major installment of Vue.js that features better ergonomics, better performance, and new APIs for managing large apps. Find out in this article why and how Storybook works perfectly with Vue 3. - https://medium.com/storybookjs/storybook-for-vue-3-947b868758d9
#vue
Vue 3 is the latest major installment of Vue.js that features better ergonomics, better performance, and new APIs for managing large apps. Find out in this article why and how Storybook works perfectly with Vue 3. - https://medium.com/storybookjs/storybook-for-vue-3-947b868758d9
#vue
Medium
Storybook for Vue 3
Supporting the next-gen progressive JS framework
❤5👍3🔥1
My Experience Modernizing Packages to ESM
Mark, well known for his work on React and Redux, details the painful experiences and hard-earned lessons learned migrating the Redux packages to ES modules - https://blog.isquaredsoftware.com/2023/08/esm-modernization-lessons/
#npm esm
Mark, well known for his work on React and Redux, details the painful experiences and hard-earned lessons learned migrating the Redux packages to ES modules - https://blog.isquaredsoftware.com/2023/08/esm-modernization-lessons/
#npm esm
Mark's Dev Blog
Blogged Answers: My Experience Modernizing Packages to ESM
Details on the painful experiences and hard-earned lessons I've learned migrating the Redux packages to ESM
❤4👍3
Let’s Make a Rubber Button With HTML, CSS and SVG
Tyler Sticka shows how to create a Rubber Button effect. - https://cloudfour.com/thinks/rubber-button
#css
Tyler Sticka shows how to create a Rubber Button effect. - https://cloudfour.com/thinks/rubber-button
#css
Cloud Four
Let’s Make a Rubber Button With HTML, CSS and SVG
While I wasn’t looking, an elastic hover/active effect I shared on CodePen was viewed more than 11,000 times. Here’s how it works!
👍4🔥2
How to Optimize and Add Server-Side Rendering to an Angular Application
Optimizing an Angular application is crucial to its performance. We can improve the performance of an Angular… - https://bootcamp.uxdesign.cc/how-to-optimize-and-add-server-side-rendering-to-an-angular-application-588f6a91292b
#angular
Optimizing an Angular application is crucial to its performance. We can improve the performance of an Angular… - https://bootcamp.uxdesign.cc/how-to-optimize-and-add-server-side-rendering-to-an-angular-application-588f6a91292b
#angular
Medium
How to Optimize and Add Server-Side Rendering to an Angular Application
Optimizing an Angular application is crucial to its performance. We can improve the performance of an Angular application by updating the…
❤4👍3
Where Should I Put My Components in the Next.js App Router?
Find out what your options are for where you can put all your components in an App Router application. We’re more used to seeing Jack on his YouTube channel, but he now blogs too. - https://www.pronextjs.dev/where-should-i-put-my-components-in-the-app-router
#react
Find out what your options are for where you can put all your components in an App Router application. We’re more used to seeing Jack on his YouTube channel, but he now blogs too. - https://www.pronextjs.dev/where-should-i-put-my-components-in-the-app-router
#react
www.pronextjs.dev
Where Should I Put My Components In The App Router?
Your No-BS Solution for Enterprise-Ready Next.js Applications
👍6🔥1
Good practices and Design Patterns for Vue Composables
This article from Jakub Andrzejewski combines knowledge from his personal experiences and other articles on good practices and design patterns for writing Vue.js composables. - https://dev.to/jacobandrewsky/good-practices-and-design-patterns-for-vue-composables-24lk
#vue
This article from Jakub Andrzejewski combines knowledge from his personal experiences and other articles on good practices and design patterns for writing Vue.js composables. - https://dev.to/jacobandrewsky/good-practices-and-design-patterns-for-vue-composables-24lk
#vue
DEV Community
Good practices and Design Patterns for Vue Composables
I recently had a great discussion with my team at Vue Storefront about patterns for writing Vue...
👍6🔥4
Nodejs Developer Roadmap 2023
Explore nodejs developer roadmap for 2023. A step-by-step guide to how to become nodejs developer, increase… - https://javascript.plainenglish.io/nodejs-developer-roadmap-2023-4e2fccc0ff54
#nodejs
Explore nodejs developer roadmap for 2023. A step-by-step guide to how to become nodejs developer, increase… - https://javascript.plainenglish.io/nodejs-developer-roadmap-2023-4e2fccc0ff54
#nodejs
Medium
Node.js Developer Roadmap
Explore nodejs developer roadmap for 2023. A step-by-step guide to how to become nodejs developer, increase knowledge as nodejs developer
👍5
How layout position impacts three big web performance levers
Sia Karamalegos shares three common problems related to layout position: lazy loading images above the fold, asynchronous loading of CSS needed for elements above the fold, and not prioritizing the fetch of the Largest Contentful Paint (LCP) image. - https://performance.shopify.com/blogs/blog/how-layout-position-impacts-three-big-web-performance-levers
#css
Sia Karamalegos shares three common problems related to layout position: lazy loading images above the fold, asynchronous loading of CSS needed for elements above the fold, and not prioritizing the fetch of the Largest Contentful Paint (LCP) image. - https://performance.shopify.com/blogs/blog/how-layout-position-impacts-three-big-web-performance-levers
#css
Performance @ Shopify
How layout position impacts three big web performance levers
Updated: 18 Sept 2023 We help Shopify merchants improve their web performance and see three common problems related to layout position: Lazy loading images above the fold Asynchronous loading of CSS needed for elements above the fold Not prioritizing the…
👍3❤2
Angular: Introduction of Signals for High-Performance Applications
Exploring Angular’s journey from component-templating to signals, enhancing change detection strategies for… - https://blog.bitsrc.io/angular-introduction-of-signals-for-high-performance-applications-4e7aeddcbb62
#angular
Exploring Angular’s journey from component-templating to signals, enhancing change detection strategies for… - https://blog.bitsrc.io/angular-introduction-of-signals-for-high-performance-applications-4e7aeddcbb62
#angular
Medium
Angular: Introduction of Signals for High-Performance Applications
Exploring Angular’s journey from component-templating to signals, enhancing change detection strategies for high-performance web apps.
🔥3👍1