Channel Public Channel

FrontEndDev

@front_end_dev

🚀 Статьи, новости, туториалы по frontend разработке.

http://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m
AI и вайбкод @vibe_and_ai

Читать на парковке: https://max.ru/front_end_dev

Реклама: http://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G

Open in Telegram

Subscribers: 25.7K
Photos: 2.7K
Videos: 30
Links: 7.9K

Showing posts older than #8177 · Back to latest

Older Posts 20 shown

Post #8175 7.39K Mar 14, 2023, 08:09 UTC

Что нового в DevTools?

Обновленные возможности рекордера и экспорт записанных действий в Puppeteer + обновления Lighthouse.

https://developer.chrome.com/blog/new-in-devtools-112/

👍 8
❤ 1

Post #8174 7.66K Mar 13, 2023, 13:24 UTC

Управляем состоянием приложения на Vue с Pinia ORM

https://blog.openreplay.com/managing-state-in-vue-with-pinia-orm/

👍 11
🤔 2

Post #8173 7.81K Mar 13, 2023, 09:17 UTC

Создаем простую директиву tooltip на Vue

https://itnext.io/build-a-custom-tooltip-directive-with-css-and-vue-efc84e37ff46

👍 10
👌 1

Post #8172 8.01K Mar 11, 2023, 13:18 UTC

Forwarded from Habr For Dev

#CSS #SVG

Рисуем верёвку в формате SVG при помощи JavaScript

Рейтинг: 54

Читать

👍 24
👀 3
❤ 1

Post #8170 8.43K Mar 10, 2023, 16:29 UTC

Межстраничные переходы в React

Как сделать анимационные переходы с помощью React-Router и View Transitions API (без сторонних библиотек для анимации)

https://javascript.plainenglish.io/73ab52c6fd7b

👍 20

Post #8169 8.62K Mar 9, 2023, 10:16 UTC

Работа с датами в JS

После прекращения поддержки Moment.js стал актуальным вопрос о выборе библиотеки для работы с датой. Вот вам несколько альтернатив.

https://blog.openreplay.com/dealing-with-dates-and-times--alternatives-to-momentjs/

👍 11
🤡 4
🍌 4
👎 3

Post #8168 8.36K Mar 8, 2023, 13:29 UTC

Forwarded from Habr For Dev

#разработка #стартапы

Плохие практики разработки, которые до сих пор встречаю в стартапах

Рейтинг: 97

Читать

🔥 16
👍 9
👎 3
😁 3
🍓 1

Post #8166 8.33K Mar 7, 2023, 13:41 UTC

10 советов по CSS для улучшения переходов и анимаций

https://joshcollinsworth.com/blog/great-transitions

🔥 11
👍 3

Post #8165 8.9K Mar 6, 2023, 10:00 UTC

Эффект анимации при наведении с Clip-Path

https://tympanus.net/codrops/2023/03/01/double-image-hover-effects-with-clip-path-animations/

Исходники на github

🔥 38
👍 5

Post #8164 8.74K Mar 5, 2023, 13:26 UTC

Как заставить Vue компонент перерендериться

https://blog.logrocket.com/force-vue-component-re-render/

👍 9

Post #8163 10.9K Mar 4, 2023, 08:07 UTC

Собеседование по TypeScript: 20 вопросов и ответов

Популярные вопросы, которые стоит повторить перед собеседованием

https://habr.com/ru/company/ruvds/blog/419993/

👍 19
👎 15
🍾 1

Post #8162 9.99K Mar 2, 2023, 16:18 UTC

Применяем принципы SOLID в Vue

https://medium.com/@moein.mirkiani/solid-principles-in-vue-29ecc988f968

👍 17
💩 2

Post #8160 8.35K Mar 1, 2023, 14:56 UTC

Знакомимся с анимацией GSAP в React приложении

Пошаговый туториал по работе с библиотекой GSAP для анимации.

https://dev.to/franklin030601/animations-with-gsap-react-1nok

👍 13
👎 2

Post #8157 8.49K Mar 1, 2023, 08:16 UTC

Создаем аудио и видео рекордер на React

https://blog.logrocket.com/how-to-create-video-audio-recorder-react/

🔥 11
👍 2

Post #8155 8.97K Feb 28, 2023, 08:16 UTC

Feature Sliced архитектура

Обзор Feature Sliced архитектуры, ее достоинств и недостатков, а также сравнение с модульной архитектурой.

https://blog.bitsrc.io/understand-the-most-reliable-frontend-architecture-c8578e3166b

❤‍🔥 11
🔥 5
❤ 1
⚡ 1

Post #8152 9.36K Feb 27, 2023, 13:45 UTC

Асинхронное поведение в JS

О том, как JS обрабатывает асинхронный код и почему это важно знать для разработки.

https://blog.bitsrc.io/javascript-101-all-about-async-behavior-9b2a3a693f7a

👍 21

Post #8151 8.76K Feb 27, 2023, 09:56 UTC

Используем MutationObserver API для работы с элементами, которых пока нет.

О работе с интерфейсом, позволяющим отслеживать изменения в DOM и работать с новыми элементами.

https://www.macarthur.me/posts/use-mutation-observer-to-handle-nodes-that-dont-exist-yet

👍 15
❤ 1

Post #8150 10.3K Feb 24, 2023, 07:45 UTC

Создаем менеджер задач на React + Hygraph

Пример приложения, который использует headless CMS Hygraph в качестве бэкенда.

https://code.pieces.app/blog/build-crud-task-manager-react-hygraph

👍 17
⚡ 1

Post #8148 9.7K Feb 22, 2023, 12:21 UTC

Forwarded from Habr For Dev

#google-chrome #devtools

Что нового завезли в DevTools (Chrome 111)

Совсем недавно вышел Chrome 111 и принёс не только исправление старых ошибок, но и добавление новых, а также приятные фичи в DevTools, о которых мы с вами сейчас и узнаем.

Рейтинг: 20

Читать

👍 15

Post #8147 9.23K Feb 22, 2023, 07:35 UTC

Когда и как использовать свойство CSS will-change

Расскажем о том, что за свойство will-change, и как оно может быть полезным для оптимизации рендеринга.

https://blog.logrocket.com/when-how-use-css-will-change/

🔥 13
❤ 1
👍 1
🍌 1

Older posts →