FrontEndDev


Гео и язык канала: Россия, Русский
Категория: Технологии


Статьи, новости, уроки по frontend/web разработке.
http://jem-space.ru
Admin: @jem_jem
Пишу в @five_a_m
Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee
Реклама: http://bit.ly/2NxmVDu


Гео и язык канала
Россия, Русский
Категория
Технологии
Статистика
Фильтр публикаций


Оптимальные изображения в вашем HTML

Оптимизируем разметку для улучшения загрузки изображений.

https://www.builder.io/blog/fast-images




Краткий обзор Bun — новой среды выполнения JavaScript

https://habr.com/ru/company/timeweb/blog/710202/


Нельзя просто так взять и распарсить этот JSON на JavaScript

Проблема парсинга больших чисел из JSON формата

https://habr.com/ru/post/712618/


JUG Ru Group приглашает вас выступить на JS-конференции HolyJS 2023 Spring!

В этом году конференция будет идти четыре дня: 15–16 мая в онлайне и 21–22 мая в офлайне в Москве. И вы можете выступить на ней.

Что даст выступление на HolyJS?
👉 Развитие личного бренда и улучшение навыка публичных выступлений.
👉 Возможность обсудить рабочие задачи в неформальной обстановке.  
👉 Билет на все конференции весны от JUG Ru Group.
👉 Общение с комьюнити и экспертами Программного комитета.

Можно выбрать любой формат — классический доклад, воркшоп, дискуссию или предложить что-нибудь свое. Вам помогут подготовиться, проведут репетиции, а после конференции вы получите запись в 4K на YouTube, чтобы поделиться ей с друзьями и коллегами.

Выбирайте тему на сайте или предлагайте свои идеи и подавайте заявку на выступление до 20 февраля.

Билеты на HolyJS 2023 Spring уже в продаже.


Осваиваем TypeScript

21 лучшая практика при написании кода

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


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

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

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


Socket.Io Vs. Pusher

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

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


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

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

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


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

Демо

Реализация


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

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

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


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

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


Ищете работу в Европе?🇪🇺
Нужна помощь с релокацией и получением ВНЖ?
А что делать, если возникли трудности с переводом вознаграждения в другие страны?

Так много вопросов, и одно решение - канал IT Goose!

https://t.me/+LKpmyFMDj4tiM2I6

Загрузите своё CV на английском языке и IT-гусь отнесёт его работодателям в ЕС @itgaga_bot

А их Payroll-сервис решает проблемы с выплатой заработной платы из России в Европу, Северную и Южную Америку, Азию.

Подробнее о работе сервиса payroll-data-frame.ru и задайте вопросы персональному менеджеру @Alex_Schneer.

Кря
!


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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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

Показано 20 последних публикаций.