Smart Dev — веб-розробка, дизайн, програмування – Telegram
Smart Dev — веб-розробка, дизайн, програмування
1.07K subscribers
50 photos
1 video
1 file
1.15K links
Новини світу розробки ПЗ і IT. Цікаві статті, авторські переклади.

Чат канала: @smart_dev_chat

По всім питанням:
@sd_contact_bot

Підтримати канал: http://bit.ly/2YbvCFz
Download Telegram
How to Build a Chrome Extension. Довольно подробная инструкция на css-tricks → https://bit.ly/3bUPIKw
——————————————
Поддержать нас
Modern css Solutions for Old CSS Problems . Прикольный проект, в котором Стефания Эклз современные решения типичных проблем в CSS → https://bit.ly/3eiVY02
——————————————
Поддержать нас
ES2020 Has Been Finalized. Here is What I’m Excited About. Разбор того, что все-таки войдет в стандарт 2020 (с примерами) → https://bit.ly/3bWCFZb
——————————————
Поддержать нас
Detect inactive users with the Idle Detection API. Обзор нового интересного API, которое могут скоро завести в хром. Думаю по-началу оно будет использоваться только для модалок типа "вы еще здесь?", но уверен, что есть и более интресные варианты применения → https://bit.ly/2WY4T19
——————————————
Поддержать нас
Как писал ранее - решил стартонуть регулярный дайджест на патреоне. Формат, что буду писать и зачем все это расписал в интро посте → https://bit.ly/3eqHxaD.

Главное что нужно понимать, это то, что ведение каналов/блогов занимает все больше времени, так как хочется улучшать качество контента и искать новые форматы. Становясь патроном, вы окажете огромную поддержку мне лично и моим ресурсам, поэтому welcome!

P.S. Первый пост уже в эту пятницу
Фреймворки в веб-воркере

Веб поддерживает многопоточность (с помощью веб-воркеров) уже 10 лет. Тем не менее, весь JS, который мы пишем, по-прежнему обычно работает только в главном потоке. Из-за этого любые долгие операции блокируют всю страницу намертво.

Крутым решением было бы научить React, Vue, Svelte и т.п. работать из веб-воркеров — а в главном потоке оставить только обновление DOM. Шабхи Паникер из команды Chrome исследует этот подход (и другие) и пишет, почему сегодня это нереалистично: https://docs.google.com/document/d/1nu0EcVNC3jtmUVWL8Gs5eCj2p_984kamNhG2nS9gOC0/edit
Setting TypeScript For Modern React Projects Using Webpack And Babel. Очень подробное руководство на smashingmagazine → https://bit.ly/2XxYadw
——————————————
Поддержать меня
What is DNS? Domain Name System, DNS Server, and IP Address Concepts Explained. Отличная статья в блоге freecodecamp о том, как работает DNS → https://bit.ly/3cczHzL
——————————————
Поддержать меня
Forwarded from Вебня (Sergey Rubanov)
Google продолжают выпускать статьи о метриках Web Vitals. В этот раз они написали об инструментах для измерения метрик. Среди таких: Lighthouse, PageSpeed Insights, Chrome DevTools, Search Console, собственный сервис от web.dev, расширение Web Vitals для Chrome, а также новый Chrome UX Report API.
Всем привет!
Встречайте первый выпуск дайджеста на Patreon. В нем обсуждаем: Deno, Reparenting в React и CSS-находки в популярных приложениях и другое.
Присойденяйтесь, будет интересно → https://bit.ly/2Bh9Z0f
5 Differences Between Arrow and Regular Functions. Хорошая статья для начинающих → https://bit.ly/3cmuQMD
——————————————
Поддержать меня
Первый взгляд на записи и кортежи в JavaScript. Разбор пропосала от Робина Рикарда и Рика Баттона в переводе на Хабре → https://bit.ly/2XjLw2L
——————————————
Поддержать меня
How to Hide Secrets in Strings— Modern Text hiding in JavaScript. Прикольный способ спрятать пасхалки в тексте с помощью стеганографии (скрытых символов) → https://bit.ly/2TY6r9x
——————————————
Поддержать меня
A Visual Guide To React Mental Models, Part 2: UseState, UseEffect And Lifecycles. Obed Parlapiano описывает свои ментальные модели, котороые он использует для работы со стейтом, пропсами и хуками в реакт → https://bit.ly/3do5bUP
——————————————
Поддержать меня
The ultimate roundup of React form validation solutions. Сравнение возможностей самых популярных библиотек для работ с формами в реакт → https://bit.ly/2XMGg75
——————————————
Поддержать меня
The biggest scandals of NPM. Скандалы! Интриги! Расследования! А если серьезно - было интересно почитать о факапах, которые происходили с npm-пакетами → https://bit.ly/3coSsjz
——————————————
Поддержать меня
A Guide to the Responsive Images Syntax in HTML. Детальное руководство использования аттрибута srcset и тега picture на csstricks → https://bit.ly/2XUvYlg
——————————————
Поддержать меня
Достойных  вакансий на удалёнку в IT & Digital много, если знать, где их искать!

Всё еще в поисках работы мечты? Уверены, информация на нашем канале вас заинтересует. У вас мечты – у нас возможности!

Каждый день мы публикуем самые свежие вакансии на удалёнку в сфере IT & Digital на нашем канале @hiddengurus. С опытом и без. Работа найдётся для каждого!

Хочешь удалённо работать в крутых проектах из CША, Европы, РФ и Латинской Америки? 

Тогда рекомендуем подписаться на @hiddengurus 
Everything You Need to Know About React Concurrent Mode in 2020. Обзор состояния Concurrent Mode в 2020 от Миши Краснова → https://bit.ly/3eFUH3A
——————————————
Поддержать меня
Links and JavaScript. История возникновения гиперссылок и различные варианты (в том числе неправильные с объяснениями почему) использоавания ссылок в веб-приложениях → https://bit.ly/2XxrYbn
——————————————
Поддержать меня
Sharing UI components at an enterprise level. Dong Chen деелится опытом создания переиспользуемых компонентов на примере дизайн-системы PayPal → https://bit.ly/3dM0C6V
——————————————
Поддержать меня