FrontEnd Development
30.9K subscribers
145 photos
1 video
9.35K links
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile and more.

Admin: @andrey2019
Download Telegram
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
👍51
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
👍3🔥2
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
👍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
🔥3👍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
👍4🔥2
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
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
👍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
👍32