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 #8115 · Back to latest

Older Posts 20 shown

Post #8114 10.2K Jan 27, 2023, 14:22 UTC

Разбираемся с Redux Thunk

Как добавить Redux Thunk в React приложение и как это работает под капотом.

https://blog.openreplay.com/understanding-redux-thunk-for-react--the-big-picture/

💩 40
👍 8
😁 3
⚡ 1
🤔 1

Post #8113 10.6K Jan 26, 2023, 15:57 UTC

Socket.Io Vs. Pusher

Сравниваем инструменты для real-time коммуникации

https://blog.openreplay.com/socket-io-vs-pusher--a-comparison/

👍 14
👎 2

Post #8112 11.6K Jan 25, 2023, 12:13 UTC

JS Promises: Сборщик мусора и утечки памяти

Как работает сборщик мусора при использовании Promise: примеры с объяснением.

https://dev.to/xnimorz/js-promises-3-garbage-collection-and-memory-leaks-2oi7

👍 19

Post #8110 10.7K Jan 24, 2023, 09:44 UTC

Анимация текста по скролу

Демо

Реализация

👍 38
🤡 5
💩 2
🌭 2

Post #8109 10.5K Jan 23, 2023, 10:43 UTC

CSS совет: стилизуйте checkbox и radio для печати

О том, как стилизовать ui для лучшей читабельности или экономии чернил, применяя print-color-adjust. Мелочь, а для пользователя приятно.

https://alvaromontoro.com/blog/68024/css-tip-style-checkboxes-radio-buttons-for-printing

👍 17

Post #8108 10.2K Jan 21, 2023, 13:53 UTC

Эффект пишущей машинки на чистом CSS

https://blog.logrocket.com/creating-typewriter-animation-css/

👍 22
👎 12
😁 3
🔥 2

Post #8103 11.1K Jan 20, 2023, 10:46 UTC

Настраиваем Prettier и ESLint

Инструкция, как сделать форматирование кода в соответствии с правилами линтера.

https://khalilstemmler.com/blogs/tooling/prettier/

👍 18
😐 7
🍾 2
🤔 1

Post #8102 9.73K Jan 19, 2023, 11:40 UTC

Используем деструктивное присваивание пропсов во Vue Composition API

Дмитрий Павлутин рассказывает, как сохранить удобство разработки и не потерять реактивность объектов.

https://dmitripavlutin.com/props-destructure-vue-composition/

👏 12
🤨 7
🔥 2
❤‍🔥 1
👍 1

Post #8101 9.53K Jan 19, 2023, 07:45 UTC

Биндинг данных в React

О том, как работать с разными элементами ввода, и каких ошибок стоит избегать

https://www.joshwcomeau.com/react/data-binding/

👍 17
🥴 3
⚡ 2

Post #8100 10.4K Jan 17, 2023, 13:57 UTC

Создаем проект на Vite с React и Typescript

Об альтернативе Create React App — как быстро создать проект при помощи билд-системы Nx.

https://blog.nrwl.io/react-vite-and-typescript-get-started-in-under-2-minutes-3bd5cd836175

🔥 17
👍 4

Post #8097 11K Jan 16, 2023, 10:02 UTC

Объясняем аутентификацию в Web, проводя аналогию с банками

2 популярных паттерна:
▫️JWT
▫️Session

https://www.smashingmagazine.com/2023/01/authentication-websites-banking-analogy/

🔥 12
👍 3

Post #8095 10.6K Jan 15, 2023, 10:49 UTC

Стриминг SSR с React 18

Использование renderToPipeableStream для отдачи контента React приложения

https://blog.logrocket.com/streaming-ssr-with-react-18/

🤔 18
👍 8

Post #8093 8.96K Jan 14, 2023, 09:31 UTC

Создаем гладкие анимационные переходы для CSS Grid

https://blog.logrocket.com/creating-smoother-css-transitions-animate-css-grid/

👍 14
👎 4

Post #8092 10.7K Jan 12, 2023, 09:01 UTC

Несколько советов по работе с VS Code

Трюки, хаки и шорткаты для улучшения вашей продуктивности.

https://www.youtube.com/watch?v=ifTF3ags0XI

YouTube 25 VS Code Productivity Tips and Speed Hacks Learn 25 VS Code tips and tricks that will help you write code faster. Try out awesome new features and extensions that turn your editor into a full-blown IDE. https://fireship.io/pro #vscode #learntocode #programming Support me for $1 on github https:…

👍 15
🔥 4
❤‍🔥 2

Post #8091 10.2K Jan 10, 2023, 15:09 UTC

Разрабатываем опенсорс библиотеку

Инструкция для начинающих.

https://habr.com/ru/company/inDrive/blog/706662/

👌 15
👎 2
👍 1
🤔 1

Post #8090 9.78K Jan 10, 2023, 10:40 UTC

Создаем веб компоненты на JS с WebC

WebC генерирует разметку для веб компонентов и имеет набор утилит, которые упрощают разработку.

https://blog.logrocket.com/building-web-components-with-webc-vanilla-javascript/

👍 11
🕊 1
🐳 1

Post #8089 9.87K Jan 9, 2023, 14:07 UTC

JavaScript Risings Stars

Обзор наиболее популярных проектов в экосистеме JS за 2022.

https://risingstars.js.org/2022/en

👍 21
🐳 4
👨‍💻 2
❤ 1

Post #8081 8.94K Jan 9, 2023, 08:26 UTC

Работа с изображениями в формате Webp

Основные отличия webp от других форматов, и как их использовать в разработке.

https://blog.openreplay.com/working-with-webp-images/

👍 15
👎 3

Post #8079 9.99K Jan 7, 2023, 08:24 UTC

Погружаемся в метапрограммирование

Прокси и рефлексия в JS.

https://blog.openreplay.com/exploring-metaprogramming-proxying-and-reflection-in-javascript/

👍 14
🌚 3
😐 3
⚡ 2

Post #8077 9.7K Jan 6, 2023, 09:02 UTC

Накладываем маски на изображения с помощью CSS

О том, как использовать свойство mask-image для комбинации изображений и svg.

https://blog.logrocket.com/css-mask-image-property/

👍 24
❤ 3
❤‍🔥 2
⚡ 1

Older posts →