Test Your React Libraries Locally with Yalc
Yalc simplifies the process of working with and ‘publishing’ packages entirely locally so you can try things out without publishing to a remote, and potentially public, registry. - https://www.propelauth.com/post/test-your-react-libraries-with-yalc
#react
Yalc simplifies the process of working with and ‘publishing’ packages entirely locally so you can try things out without publishing to a remote, and potentially public, registry. - https://www.propelauth.com/post/test-your-react-libraries-with-yalc
#react
Propelauth
Test your React Libraries Locally with Yalc
Building and maintaining a React library can be a large task, even for small libraries.
You start off thinking that you just have to figure out how to properly build and package your code. And then quickly you realize there’s a ton of configuration options…
You start off thinking that you just have to figure out how to properly build and package your code. And then quickly you realize there’s a ton of configuration options…
👍5❤1
Unit Testing a Pinia Component
Pinia is the undisputed state management champion in the Vue 3 world. It provides a more powerful and scalable architecture with an elegant code style following the composition API syntax. This article provides a guide to unit testing your pinia stores. - https://fadamakis.com/unit-testing-a-pinia-component-37d045582aed
#vue
Pinia is the undisputed state management champion in the Vue 3 world. It provides a more powerful and scalable architecture with an elegant code style following the composition API syntax. This article provides a guide to unit testing your pinia stores. - https://fadamakis.com/unit-testing-a-pinia-component-37d045582aed
#vue
Medium
Unit Testing a Pinia Component
Pinia is the undisputed state management champion in the Vue 3 world. It provides a more powerful and scalable architecture with an…
👍5❤1
Node v21.1 (Current) Released with ESM Detection Feature
The new flag --experimental-detect-module can be used to automatically run ES modules when their syntax can be detected. … We hope to make detection enabled by default in a future version. - https://nodejs.org/en/blog/release/v21.1.0
#nodejs
The new flag --experimental-detect-module can be used to automatically run ES modules when their syntax can be detected. … We hope to make detection enabled by default in a future version. - https://nodejs.org/en/blog/release/v21.1.0
#nodejs
nodejs.org
Node.js — Node.js v21.1.0 (Current)
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.
👍3🔥2
Angular Signals: Questions and Answers
The Angular team is working on a new feature called signals. Signals are the answer to several different… - https://blog.angulartraining.com/angular-signals-questions-and-answers-19704ad2bfd2
#angular
The Angular team is working on a new feature called signals. Signals are the answer to several different… - https://blog.angulartraining.com/angular-signals-questions-and-answers-19704ad2bfd2
#angular
Medium
Angular Signals: Questions and Answers
The Angular team is working on a new feature called signals. Signals are the answer to several different requests from the developer…
👍3🔥2
Exploring React Server Components and Actions with Next.js - https://www.antstack.com/blog/exploring-react-server-components-and-server-actions-with-next-js/
#react
#react
Antstack
Exploring React Server Components and Server Actions with Next.js | Build AI-Powered Software Agents with AntStack | Scalable,…
Learn how to use React Server Components and Server Actions in Next.js to improve performance, reduce client-side code, and simplify full-stack development.
👍5
How to Reuse Vue Components Between Projects
A great advantage of this Vue.js’ modularity is the ability to reuse components across different projects, applications, and even teams. In this post, we’ll learn how to leverage modern tools like bit to easily share Vue components between projects, without having to split repos, refactor or configure anything. - https://codeburst.io/how-to-share-reusable-vue-components-between-a-c36bc775418d
#vue
A great advantage of this Vue.js’ modularity is the ability to reuse components across different projects, applications, and even teams. In this post, we’ll learn how to leverage modern tools like bit to easily share Vue components between projects, without having to split repos, refactor or configure anything. - https://codeburst.io/how-to-share-reusable-vue-components-between-a-c36bc775418d
#vue
Medium
How to Reuse Vue Components Between Projects
Easily reuse your components between Vue apps to speed and standardize development.
👍3
View transitions and stacking context: Why does my CSS View Transition ignore z-index?
Nic Chan outlines a problem with view transitions and shares a workaround. - https://www.nicchan.me/blog/view-transitions-and-stacking-context
#css
Nic Chan outlines a problem with view transitions and shares a workaround. - https://www.nicchan.me/blog/view-transitions-and-stacking-context
#css
www.nicchan.me
View transitions and stacking context: Why does my CSS View Transition ignore z-index? - Nic Chan
Thankfully, there's a workaround!
🔥3👍1
How We Used Server-Sent Events (SSE) to Deliver Real-Time Notifications on Our…
We will show how we used Server-Sent Events (SSE) and Redis for our notification system using Typescript and… - https://medium.com/trendyol-tech/how-we-used-server-sent-events-sse-to-deliver-real-time-notifications-on-our-backend-ebae41d3b5cb
#sse #notification
We will show how we used Server-Sent Events (SSE) and Redis for our notification system using Typescript and… - https://medium.com/trendyol-tech/how-we-used-server-sent-events-sse-to-deliver-real-time-notifications-on-our-backend-ebae41d3b5cb
#sse #notification
Medium
How We Used Server-Sent Events (SSE) to Deliver Real-Time Notifications on Our Backend
We will show how we used Server-Sent Events (SSE) and Redis for our notification system using Typescript and Nestjs Framework.
👍4🔥1
10 Front-end Interview Questions You Should Know About
99% of people may not necessarily know the answer. - https://fatfish.medium.com/10-front-end-interview-questions-you-should-know-about-13410af7e7d6
#interview
99% of people may not necessarily know the answer. - https://fatfish.medium.com/10-front-end-interview-questions-you-should-know-about-13410af7e7d6
#interview
Medium
10 Front-end Interview Questions You Should Know About
99% of people may not necessarily know the answer.
👍8👎1
Saying Goodbye to Node's Buffer
It’s time to shift from Buffer to Uint8Array, says Sindre. Given his epic number of maintained libraries, he could probably migrate half of the ecosystem solo, but he sets out his case for other library maintainers to avoid the use of Buffer in favor of the more cross-runtime alternative of Uint8Array and explains how to make the move, including a package to help. - https://sindresorhus.com/blog/goodbye-nodejs-buffer
#nodejs
It’s time to shift from Buffer to Uint8Array, says Sindre. Given his epic number of maintained libraries, he could probably migrate half of the ecosystem solo, but he sets out his case for other library maintainers to avoid the use of Buffer in favor of the more cross-runtime alternative of Uint8Array and explains how to make the move, including a package to help. - https://sindresorhus.com/blog/goodbye-nodejs-buffer
#nodejs
Sindresorhus
Goodbye, Node.js Buffer
It's time to move from Buffer to Uint8Array.
👍4🔥2
Angular: Best Practices for 2023
Listing down few practices to catch up to early, on the way to being an Angular Developer. - https://blog.bitsrc.io/angular-best-practices-to-adapt-in-2023-bf67122b37ab
#angular
Listing down few practices to catch up to early, on the way to being an Angular Developer. - https://blog.bitsrc.io/angular-best-practices-to-adapt-in-2023-bf67122b37ab
#angular
Medium
Angular: Best Practices for 2023
Listing down few practices to catch up to early, on the way to being an Angular Developer.
🔥5👍1
Being Picky about a CSS Reset for Fun & Pleasure
Chris Coyier explains line-by-line his CSS Reset strategy. - https://chriscoyier.net/2023/10/03/being-picky-about-a-css-reset-for-fun-pleasure
#css
Chris Coyier explains line-by-line his CSS Reset strategy. - https://chriscoyier.net/2023/10/03/being-picky-about-a-css-reset-for-fun-pleasure
#css
Chris Coyier
Being Picky about a CSS Reset for Fun & Pleasure
Just days before Andy revamped his (more) Modern CSS Reset, Dave and I were line-by-lining it on ShopTalk Show. Mouthblogging is fun and all, but so is Writemouthblogging, known colloquially as …
👍4
Benefits of using Nuxt Image Module
The Nuxt-image module is a powerful image optimization tool. It has the ability to resize and transform your images to increase page performance using a built-in optimizer. This post will look at how to add an image download feature to your Nuxt app while exploring this awesome module. - https://jaybharadia.hashnode.dev/benefits-of-using-nuxt-image-module
#vue
The Nuxt-image module is a powerful image optimization tool. It has the ability to resize and transform your images to increase page performance using a built-in optimizer. This post will look at how to add an image download feature to your Nuxt app while exploring this awesome module. - https://jaybharadia.hashnode.dev/benefits-of-using-nuxt-image-module
#vue
❤2👍2
6 Patterns for Microfrontends
An overview of microfrontend patterns: advantages, drawbacks and implementation. - https://blog.bitsrc.io/6-patterns-for-microfrontends-347ae0017ec0
#microfrontend
An overview of microfrontend patterns: advantages, drawbacks and implementation. - https://blog.bitsrc.io/6-patterns-for-microfrontends-347ae0017ec0
#microfrontend
Medium
6 Patterns for Microfrontends
An overview of microfrontend patterns: advantages, drawbacks and implementation.
👍3
System Design Blueprint: The Ultimate Guide
Developing a robust, scalable, and efficient system can be daunting. However, understanding the key concepts… - https://medium.com/bytebytego-system-design-alliance/system-design-blueprint-the-ultimate-guide-e27b914bf8f1
#system #design
Developing a robust, scalable, and efficient system can be daunting. However, understanding the key concepts… - https://medium.com/bytebytego-system-design-alliance/system-design-blueprint-the-ultimate-guide-e27b914bf8f1
#system #design
Medium
System Design Blueprint: The Ultimate Guide
Developing a robust, scalable, and efficient system can be daunting. However, understanding the key concepts and components can make the…
❤3👍2🥰1😡1
Master React Global State and More with Singleton Pattern
Enjoy the art of global state in React and More using the power of the Singleton pattern - https://itnext.io/master-react-global-state-and-more-with-singleton-pattern-ff02edf14a40
#react
Enjoy the art of global state in React and More using the power of the Singleton pattern - https://itnext.io/master-react-global-state-and-more-with-singleton-pattern-ff02edf14a40
#react
Medium
🌍 Master React Global State and More with Singleton Pattern
Enjoy the art of global state in React and More using the power of the Singleton pattern
👍4
An Introduction to Testing and Code Quality in Node - https://www.honeybadger.io/blog/node-testing/
#nodejs
#nodejs
Honeybadger Developer Blog
The ultimate guide to Node JS testing
You know that you should write tests, but what kind? Learn practical techniques for Node JS testing, including examples of each test type.
👍6
How to pick the right dependencies for your Angular application?
Choosing the right libraries/dependencies for your Angular applications can make or break your project in the…
- https://blog.angulartraining.com/how-to-pick-the-right-dependencies-for-your-angular-application-328ce637b982
#angular
Choosing the right libraries/dependencies for your Angular applications can make or break your project in the…
- https://blog.angulartraining.com/how-to-pick-the-right-dependencies-for-your-angular-application-328ce637b982
#angular
Medium
How to pick the right dependencies for your Angular application?
Choosing the right libraries/dependencies for your Angular applications can make or break your project in the long run. I’ve seen way too…
👍2🔥2
Using CSS content-visibility To Boost Your Rendering Performance
Rob O’Leary dives into the benefits and practical use cases of the content-visibility CSS property, as well as situations where it might not be the most suitable option. - https://blog.logrocket.com/using-css-content-visibility-boost-rendering-performance
#css
Rob O’Leary dives into the benefits and practical use cases of the content-visibility CSS property, as well as situations where it might not be the most suitable option. - https://blog.logrocket.com/using-css-content-visibility-boost-rendering-performance
#css
LogRocket Blog
Using CSS content-visibility to boost your rendering performance - LogRocket Blog
CSS content-visibility helps boost rendering performance by controlling whether or not an element renders its contents.
👍5
Debugging Magic with Vue Devtools
Debugging in Vue.js can be a bit tricky sometimes especially as your applications grow more complex. Not to worry, in this article Vue Devtools is introduced as a perfect bug busting tool to help you figure out your bugs and understand your components and applications much better. - https://vueschool.io/articles/vuejs-tutorials/debugging-magic-with-vue-devtools/
#vue
Debugging in Vue.js can be a bit tricky sometimes especially as your applications grow more complex. Not to worry, in this article Vue Devtools is introduced as a perfect bug busting tool to help you figure out your bugs and understand your components and applications much better. - https://vueschool.io/articles/vuejs-tutorials/debugging-magic-with-vue-devtools/
#vue
vueschool.io
Debugging Magic with Vue Devtools - Vue School Articles
Master debugging in Vue with Vue Devtools. Learn how to efficiently track and fix issues in your Vue apps using powerful debugging features.
👍3❤2