Introduction to Error Monitoring for Vue Developers
Unfortunately, none of us has ever written a 100% perfect application at scale. With every new line of code comes new opportunities for bugs to creep in and cause unexpected behavior and poor customer experiences. This article introduces Sentry as a perfect solution to Error monitoring in our Vue.js applications - https://vueschool.io/articles/news/introduction-to-error-monitoring-for-vue-developers/
#vue
Unfortunately, none of us has ever written a 100% perfect application at scale. With every new line of code comes new opportunities for bugs to creep in and cause unexpected behavior and poor customer experiences. This article introduces Sentry as a perfect solution to Error monitoring in our Vue.js applications - https://vueschool.io/articles/news/introduction-to-error-monitoring-for-vue-developers/
#vue
vueschool.io
Introduction to Error Monitoring for Vue Developers - Vue School Articles
Get visibility into the issues real site visitors are having with Sentry and let Vue School help you get up and running with Sentry for your Vue.js apps.
👍5👏3
10 Must-Have Angular Libraries for Building Powerful Web Applications
Discover the top 10 Angular libraries that can help you build high-quality and feature-rich web applications… - https://weicheng95.medium.com/10-must-have-angular-libraries-for-building-powerful-web-applications-bce3f192d45
#angular
Discover the top 10 Angular libraries that can help you build high-quality and feature-rich web applications… - https://weicheng95.medium.com/10-must-have-angular-libraries-for-building-powerful-web-applications-bce3f192d45
#angular
Medium
10 Must-Have Angular Libraries for Building Powerful Web Applications
Discover the top 10 Angular libraries that can help you build high-quality and feature-rich web applications faster and with less code.
👍4🔥2
The Difference Between Type Aliases and Interfaces in TypeScript
Use TypeScript like a pro - https://blog.bitsrc.io/the-difference-between-type-aliases-and-interfaces-in-typescript-af5f34fe4309
#typescript
Use TypeScript like a pro - https://blog.bitsrc.io/the-difference-between-type-aliases-and-interfaces-in-typescript-af5f34fe4309
#typescript
Medium
The Difference Between Type Aliases and Interfaces in TypeScript
Use TypeScript like a pro
👍5
JPEG and EXIF Data Manipulation in JavaScript
A look at how to pick through the JPEG format and read and replace EXIF tags directly without leaning on a third party library. - https://getaround.tech/exif-data-manipulation-javascript/
#nodejs
A look at how to pick through the JPEG format and read and replace EXIF tags directly without leaning on a third party library. - https://getaround.tech/exif-data-manipulation-javascript/
#nodejs
Getaround Tech
JPEG and EXIF Data Manipulation in Javascript | Getaround Tech
Understand the JPEG file format to know how to read and update EXIF Data in Javascript
👍7
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