Разбираемся, почему в React лучше использовать
Читать
callback refs вместо useRef + useEffect, если вы хотите что-то сделать с элементом после его рендеринга.Читать
tkdodo.eu
Avoiding useEffect with callback refs
Interacting with DOM nodes doesn't necessarily need useEffect
Weekend Offer от команд Почта и Облако Mail.ru стартует уже 3 сентября! Почему стоит подать заявку?
Даже если вы не ищете работу, Weekend Offer даёт возможность получить представление о своих навыках, понять требования рынка труда и узнать, совпадают ли ваши ожидания и предложения от работодателя.
А если повезёт, вместе с командой Почты вы будете строить удобную инфраструктуру, работать над умной организацией рассылок, решать проблемы нежелательной почты. В команде Облака предстоит создавать высоконагруженный сервис с 1M RPS и решать уникальные задачи по работе с файлами. Успевайте зарегистрироваться до 2 сентября!
Зарегистрироваться
Даже если вы не ищете работу, Weekend Offer даёт возможность получить представление о своих навыках, понять требования рынка труда и узнать, совпадают ли ваши ожидания и предложения от работодателя.
А если повезёт, вместе с командой Почты вы будете строить удобную инфраструктуру, работать над умной организацией рассылок, решать проблемы нежелательной почты. В команде Облака предстоит создавать высоконагруженный сервис с 1M RPS и решать уникальные задачи по работе с файлами. Успевайте зарегистрироваться до 2 сентября!
Зарегистрироваться
Разбор популярных шаблонов и инструментов Node.js, которые стоит пересмотреть:
— Dotenv
— Calling a service from a controller
— Nest.js dependency injection for all classes
— Passport.js
— Supertest
— Fastify utility decoration
— Logging from a catch clause
— Morgan logger
— NODE_ENV
Читать
— Dotenv
— Calling a service from a controller
— Nest.js dependency injection for all classes
— Passport.js
— Supertest
— Fastify utility decoration
— Logging from a catch clause
— Morgan logger
— NODE_ENV
Читать
practica.dev
Popular Node.js patterns and tools to re-consider | Practica.js
Node.js is maturing. Many patterns and frameworks were embraced - it's my belief that developers' productivity dramatically increased in the past years. One downside of maturity is habits - we now reuse existing techniques more often. How is this a problem?
Политика автовоспроизведения видео в браузере: что это и какие палки в колёса ждут фронтенд-разработчика.
Читать
Читать
Хабр
Видео в вебе, Browser Policy и палки в колёсах
Раньше, когда деревья были большими, а веб был с градиентными кнопочками, на сайтах любили впилить рекламные видео, которые автоматически запускались с громким звуком. И вместо того чтобы приятно...
Подборка олдскульных эффектов курсора мыши, созданных с использованием современного JavaScript. Весь код на GitHub — можете с легкостью добавить в проект.
Ссылка на сайт
Ссылка на сайт
Tholman
90's Cursor Effects
JavaScript mouse effects that follow your cursor or finger!
Примеры использования популярных функций JavaScript, которые были добавлены в ECMAScript 2022 (ES13).
Читать
Читать
Medium
Advanced JavaScript Features
JavaScript is one of the most dynamic languages. Each year, multiple features are added to make the language more manageable and practical…
#news
Очередной дайджест новостей из мира фронтенд-разработки:
— Обзор нововведений в Chrome 105
— Анонс TypeScript 4.8
— Релиз Node 18.8.0 & 16.17.0 (LTS)
— Релиз Solid 1.5
— Релиз Capacitor 4.1
— Релиз Fiddle 0.30
— Релиз Focus Trap 7.0
— Релиз Electron Packager 16.0
— Релиз DOMPurify 2.4
— Релиз vue-advanced-chat 2.0
— Релиз Soketi 1.4
— Релиз Mineflayer 4.4
— Релиз calendar-base 2.0
— Релиз Firefox 105.0 beta
Очередной дайджест новостей из мира фронтенд-разработки:
— Обзор нововведений в Chrome 105
— Анонс TypeScript 4.8
— Релиз Node 18.8.0 & 16.17.0 (LTS)
— Релиз Solid 1.5
— Релиз Capacitor 4.1
— Релиз Fiddle 0.30
— Релиз Focus Trap 7.0
— Релиз Electron Packager 16.0
— Релиз DOMPurify 2.4
— Релиз vue-advanced-chat 2.0
— Релиз Soketi 1.4
— Релиз Mineflayer 4.4
— Релиз calendar-base 2.0
— Релиз Firefox 105.0 beta
Chrome for Developers
New in Chrome 105 | Blog | Chrome for Developers
Chrome 105 is rolling out now. Container queries and :has() are a match made in responsive heaven. The new Sanitizer API provides a robust processor for arbitrary strings to help reduce cross site scripting vulnerabilities. We’re taking another step towards…
⚒️ Зачем использовать функциональное программирование, если есть ООП?
Легко писать, легко отлаживать и использовать повторно. Правда ли это? Давайте разбираться.
🔗 Основной сайт
🔗 Зеркало
Легко писать, легко отлаживать и использовать повторно. Правда ли это? Давайте разбираться.
🔗 Основной сайт
🔗 Зеркало
Разработка кроссбраузерного расширения: проблемы кроссбраузерности, из чего состоит расширение и чек-лист требований к расширениям в 2022 году.
Читать
Читать
Хабр
Как написать кроссбраузерное расширение в 2022 году
Привет! Меня зовут Георгий Костуров, я лид фронта в одной из команд СберМаркета. В один прекрасный день ко мне пришли менеджеры и сказали, что нужно написать браузерное расширение для внутреннего...
«Библиотека программиста» находится в поиске авторов оригинальных статей
Языки:
– Python, JavaScript, TypeScript, Java, C#, Go, SQL.
Тематики:
– Информационная безопасность, Data Science, базовые концепции языков, продвинутый Python, JS (и т. д), бэкенд веб-приложений, фронтенд-разработка, React, системное программирование, базы данных.
Объем:
– от 7 до 15 тыс. знаков.
➡️ Заполнить анкету ⬅️
Я хорошо программирую, но пишу «так себе». Что делать?
Если вы хорошо программируете, но навыки письма немного отстают, пройдите наш бесплатный курс на Степике «Статьи для IT: как объяснять и распространять значимые идеи».
Языки:
– Python, JavaScript, TypeScript, Java, C#, Go, SQL.
Тематики:
– Информационная безопасность, Data Science, базовые концепции языков, продвинутый Python, JS (и т. д), бэкенд веб-приложений, фронтенд-разработка, React, системное программирование, базы данных.
Объем:
– от 7 до 15 тыс. знаков.
➡️ Заполнить анкету ⬅️
Я хорошо программирую, но пишу «так себе». Что делать?
Если вы хорошо программируете, но навыки письма немного отстают, пройдите наш бесплатный курс на Степике «Статьи для IT: как объяснять и распространять значимые идеи».
useMemo и useCallback в React: что делают, почему полезны и как извлечь из них максимальную пользу.
Читать
Читать
Joshwcomeau
Understanding useMemo and useCallback • Josh W. Comeau
What's the deal with these two hooks?! Lots of devs find them confusing, for a whole host of reasons. In this tutorial, we'll dig deep and understand what they do, why they're useful, and how to get the most out of them.
JAM Stack
Разбираемся, что из себя представляет современная архитектура веб-разработки, основанная на клиентском JavaScript, повторно используемых API и предварительно созданной разметке.
Читать
Разбираемся, что из себя представляет современная архитектура веб-разработки, основанная на клиентском JavaScript, повторно используемых API и предварительно созданной разметке.
Читать
Хабр
JAMstack — зачем, почему и за что
Доброго времени суток. Сегодня поговорим о проектах, которые содержат в себе большое количество статического контента. К таким проектам могут относится, как новостные сайты, лендинги, так и...
334. Chrome 105, картинки в Angular, Firefox 104, SpiderMonkey,…
Веб-стандарты
🎙Подкаст «Веб-стандарты»: Chrome 105, картинки в Angular, Firefox 104, SpiderMonkey, TS 4.9, стиль ошибок, отключение кук.
#news
Вдогонку к подкасту ловите очередную подборку обновлений популярных инструментов и библиотек для фронтенд-разработчика:
— Анонс TestCafe 2.0.0
— Анонс ReacType 13
— Релиз Partytown 0.7
— Релиз NodeBB 2.5.2
— Релиз Faker 7.5
— Релиз Lerna 5.5
— Релиз ESLint 8.23
— Релиз Jest-Image-Snapshot 5.2
— Релиз melonJS 13.3
— Релиз peaks.js 2.0.6
— Релиз github-script 6.2
— Релиз Ember Inspector 4.7
— Релиз Firefox Desktop 104.0.2 & Chrome 106 Beta
Вдогонку к подкасту ловите очередную подборку обновлений популярных инструментов и библиотек для фронтенд-разработчика:
— Анонс TestCafe 2.0.0
— Анонс ReacType 13
— Релиз Partytown 0.7
— Релиз NodeBB 2.5.2
— Релиз Faker 7.5
— Релиз Lerna 5.5
— Релиз ESLint 8.23
— Релиз Jest-Image-Snapshot 5.2
— Релиз melonJS 13.3
— Релиз peaks.js 2.0.6
— Релиз github-script 6.2
— Релиз Ember Inspector 4.7
— Релиз Firefox Desktop 104.0.2 & Chrome 106 Beta
testcafe.io
TestCafe v2.0.0 Released | Release Notes | What's New
TestCafe 2.0 is the first stable TestCafe update to include breaking changes. TestCafe now supports TypeScript 4.7 out of the box. The TypeScript 3 compiler is