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

Admin: @andrey2019
Download Telegram
Vue.js tips - How to re-expose slots in wrapping component

In this blogpost the author provides a practical and personal solution to leveraging slots to build reusable Ui components - https://dev.to/aloisseckar/vuejs-tips-how-to-re-expose-slots-in-wrapping-component-1n1

#vue
👍3
The Fifty-Fifty Split and Overflow

The webpage contains a blog post that discusses a CSS technique for creating a "50/50 overflow" layout, where two elements are positioned side-by-side and one overflows onto the other. The author provides a step-by-step guide and code examples to achieve this layout using flexbox and CSS grid properties. - https://ryanmulligan.dev/blog/50-50-overflow/

#css
👍2
'I Tried React Compiler Today, and Guess What..'

The recently unveiled React Compiler automatically memoizes things – so can we ditch memo, useMemo and useCallback right away? Nadia investigates, finds the rough edges, and helps keep our feet on the ground. - https://www.developerway.com/posts/i-tried-react-compiler

#react
👍32🔥1
Exchanging Messages Between Node Processes with Execa 9.2

The latest version of the execa process execution library introduces IPC methods to communicate between processes. Maintainer ehmicky shows us the elegant API that makes it all come together here. - https://itnext.io/ipc-made-easy-with-execa-9-2-939c6a358731

#nodejs
👍3
CSS Masking

Ahmad Shadeed explains what CSS masking is, how it works, and shares a few use cases for it. - https://ishadeed.com/article/css-masking

#css
👍5
React Js Clean Code Guide

Enhance Your React.js Development with Best Practices and Proven Techniques - https://harendra21.medium.com/react-js-clean-code-guide-7d7c63a10726

#react
👍4🔥1
Dual Publishing ESM and CJS Modules with tsup and 'Are the Types Wrong'

tsup makes it easy to bundle TypeScript libraries, and Are the Types Wrong? is a tool to analyze packages for issues with their TypeScript types, particularly ESM-related module resolution issues. - https://johnnyreilly.com/dual-publishing-esm-cjs-modules-with-tsup-and-are-the-types-wrong

#nodejs
👍5
How to integrate Brevo Live Chat into a Nuxt 3 app

If you're using Brevo for Marketing, you've probably noticed the Live Chat feature. This feature is beneficial for direct customer interaction. It's part of Brevo's built-in features and integrates seamlessly with others. However, there's no apparent Vue or Nuxt integration. Here's a simple way to integrate it into your Nuxt App or Website. - https://madebyfabian.com/blog/how-to-integrate-brevo-live-chat-into-a-nuxt-3-app

#vue
3👍1
React 19 and Suspense: A Drama in Three Acts

It’s not a good sign when what at first appears to be a bug is actually intended and prescribed behavior. A cautionary tale, but one with a happy ending. - https://tkdodo.eu/blog/react-19-and-suspense-a-drama-in-3-acts

#react
👍21🔥1
What Happens When a Major npm Library Goes Commercial?

The ua-parser-js library is commonly used to parse user agent strings and gets over 12 million downloads a month, but it has recently switched to AGPL+commercial licensing. - https://adventures.nodeland.dev/archive/what-happens-when-a-major-npm-library-goes/

#nodejs
👍2
Build a Nuxt app with Azure serverless REST API

This article provides instructions on how to construct a static web app using Nuxt, in conjunction with serverless APIs through Azure Functions CLI and Static Web Apps Emulator. - https://dev.to/mayashavin/build-a-nuxt-app-with-azure-serverless-rest-api-2ci7

#vue
👍3
How to Use CSS object-fit and object-position

Ralph Mason shows how to use object-fit to fit images into a specific amount of space and how to use object-position to get the positioning within that space just right. - https://www.sitepoint.com/using-css-object-fit-object-position-properties

#css
👍4
How to Create WebVTT Files for Videos in Node

The Web Video Text Tracks Format (WebVTT) is a common standard for subtitles/closed captioning. AssemblyAI’s platform does the hard work here. - https://www.assemblyai.com/blog/vtt-video-nodejs/

#nodejs
👍3