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

Admin: @andrey2019
Download Telegram
Vue Plugin Hightlight - Radix Vue

Checkout Radix Vue, an open-source, accessibility-focused UI component library for Vue.js that ports the Radix UI primitives. - https://www.radix-vue.com/

#vue
👍6👏1
A Demo of Running TypeScript Directly in Node.js

“I have published the repository nodejs-type-stripping which demonstrates how to implement a package with a bin script that is written directly in TypeScript  - https://2ality.com/2025/02/nodejs-type-stripping-demo.html

#nodejs
👍2
Backgrounds for the Box Model

Chris Coyier explains that you can limit how far the background-image of an element applies by using background-clip. - https://frontendmasters.com/blog/backgrounds-for-the-box-model-and-why-it-can-be-useful

#css
👍3
Reduce the size of your payload and __NUXT__ - Nuxt Performance in Depth

This video is part of a series on Nuxt performance and will focus on payload and __NUXT__ and how you can reduce it’s size within your Nuxt application - https://www.youtube.com/watch?v=laRJNkG_wls

#vue
👍51
Center Items in First Row with CSS Grid

Ryan Mulligan explains how to stack grid items so that an odd number of items appears horizontally centered in the first row instead of the last. - https://ryanmulligan.dev/blog/grid-stacks

#css
👍4
TanStack Form v1.0: Headless, Type-Safe Form State Management

A type-safe, framework agnostic (though closely associated with React), headless and isomorphic way to create and work with forms, with this v1.0 release over two years in the making. If you already use things like Formik or React Hook Form and are wondering how it differs to those, here’s a comparison table. - https://tanstack.com/blog/announcing-tanstack-form-v1

#react
👍2
7 Beautiful Next-Level Button Components with Vue, VueUse, and TailwindCSS

This article demonstrates 7 different button designs that are both practical and look great.
Learn how you can implement them with Vue, VueUse, TailwindCSS. - https://vueschool.io/articles/vuejs-tutorials/7-beautiful-next-level-button-components-with-vue-vueuse-and-tailwindcss

#vue
4👍2
eslint-plugin-functional: Rules to Promote Functional Programming

This isn’t for me, but if you want to encourage (or even force) a lack of mutation and a use of FP techniques in your codebase, this could be for you. - https://github.com/eslint-functional/eslint-plugin-functional

#eslint
👍4
Enhancing two-way data binding in Angular

Two-way data binding in Angular, traditionally achieved through @Input and @Output decorators to synchronize data between parent and child components, has taken a significant leap forward with the introduction of signals — a new reactive primitive in Angular’s ecosystem. - https://blog.logrocket.com/enhancing-two-way-data-binding-angular/

#angular
👍6
How to Fix Your Slow React App with React Scan

React Scan is a handy tool you can easily use against your React app to detect and surface performance related issues. If you haven’t been convinced to try it so far, maybe Jack Herrington’s 8-minute tour will change your mind. - https://www.youtube.com/watch?v=3EnathFYgz8

#react
👍3