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
Using color-mix() To Create Opacity Variants

Una Kravets shows how to build an alpha color system without splitting out channels using this one neat trick. - https://una.im/color-mix-opacity

#css
👍61
Using ES Modules Based Micro-Frontends to Enable Distributed Development

A look at the open source tooling created by the UI Engineering group at JP Morgan to streamline the developer workflow of building and deploying apps in isolation while still delivering a single unifying micro-frontend based portal to the end user, leveraging the use of native support for ES module imports in the browser. - https://www.youtube.com/watch?v=QiTnlefa7pw

#micrfrontend
👍8
Optimizing Performance with Server Side Rendering in Vue.js

Server-side rendering (SSR) is a technique for rendering a client-side JavaScript application on the server and then sending the fully rendered page to the client. We will take a look at some useful techniques to improve performance with server-side rendering. - https://radiantcodes.hashnode.dev/optimizing-performance-with-server-side-rendering-in-vuejs

#vue
👍31
CSS Grid Gap Behavior with Hidden Elements

Ryan Mulligan shares some discoveries on how the CSS gap property operates when hiding items in grid-template & grid-auto layouts. - https://ryanmulligan.dev/blog/grid-gap

#css
4👍1
VueUse: A Collection of Vue Composition Utilities

With over 200 functions targeting both Vue 2 and 3, there’ll be something in this suite of Composition API-based utility functions for you, whether it’s working with state, browser capabilities, animations, Electron, Firebase, and more. - https://vueuse.org/

#vue
👍5
VueUse: A Collection of Vue Composition Utilities

With over 200 functions targeting both Vue 2 and 3, there’ll be something in this suite of Composition API-based utility functions for you, whether it’s working with state, browser capabilities, animations, Electron, Firebase, and more. - https://vueuse.org/

#vue
👍41
Как мы сделали незаметную капчу?

Как сделать так, чтобы капча работала и отсеивала ботов, а пользователям не приходилось вводить текст с картинки? На этот вопрос отвечают разработчики Yandex SmartCaptcha — в статье они делятся историей создания сервиса, рассказывают про изменение кода, рефакторинг архитектуры, невидимую для пользователя проверку и заботу о людях.

Читайте статью в новом блоге Yandex Cloud и Yandex Infrastructure на Хабре, и не забудьте подписаться, чтобы не пропустить истории о том, как мы строим инфраструктуру Яндекса и делаем публичную облачную платформу.
👍4🤮3
Loader Interceptor in Angular

How to show loading status by intercepting HTTP requests - https://betterprogramming.pub/angular-loader-interceptor-f0b37e244ccb

#angular
👍8
Announcing TypeScript 5.0

Note that TypeScript doesn’t follow semantic versioning, so this is as much a ‘major’ release as 4.9 was.. but 5.0 looks cool anyway. This release of the typed JavaScript superset is packed with features like decorators, improved ESM project support for Node and bundlers, const type parameters, and more. - https://devblogs.microsoft.com/typescript/announcing-typescript-5-0/

#typescript
👍61
How Migrating from Vanilla Redux to Redux Toolkit Improved Shopify's State Management

A look at Shopify’s experience improving state management in the Shopify Point of Sale app by migrating from plain Redux to a Redux Toolkit-based one. - https://shopify.engineering/react-redux-toolkit-migration

#react
👍5