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
Here's A Simpler Alternative to Redux. Разбор библиотеки unstated-next, позволяющей писать логику и пробрасывать ее чезер контекст, используя намного меньше бойлерплейта. Для крупных проектов думаю не актувльно (ввиду отсутствия способов управления сайд-эффектами и способов дебаггинга - все нужно писать самому), но для мелких MVP и одностраничников-форм - можно пробовать → https://bit.ly/2FNckSF
——————————————
Поддержи меня на Patreon
DevTools architecture refresh: Migrating to JavaScript modules. Интересная статья о том, как DevTools переписывали на js модули, какие бенефиты это принесло в итоге и чему разработчики научились в процессе → https://bit.ly/35TJMSu
——————————————
Поддержи меня на Patreon
Working with JavaScript Media Queries. Описание крутой функции matchMedia, позволяющей писать условия, похожие на media-query, только в js. Иногда может быть полезным, поэтому рекомендую → https://bit.ly/2Rzr8ai
——————————————
Поддержи меня на Patreon
Работа с непредвиденными данными в JavaScript. Крутой разбор множества способов работы с непредвиденными данными в js в переводе на Хабре → https://bit.ly/32OygWU
——————————————
Поддержи меня на Patreon
TypeScript. Продвинутые типы. Отрывок из книги, описывающей работу с типами на более глубоком уровне → https://bit.ly/3kzEH62
——————————————
Поддержи меня на Patreon
A Practical Guide to the Web Cryptography API. Разбор того, что такое Web Cryptography API с примером реализации симметричного алгоритма шифрования на клиенте → https://bit.ly/3cqtL80
——————————————
Поддержи меня на Patreon
What’s New in TypeScript 4. Разбор новых фишек TS версии 4 → https://bit.ly/2G7MpFK
——————————————
Поддержи меня на Patreon
Introducing the New JSX Transform. Описание того, как будет устроен транспайлинг jsx в React 17.0 под капотом (спойлер: не нужно будет импортировать React в каждом файле) → https://bit.ly/3mWsVVf
——————————————
Поддержи меня на Patreon
Pre-Caching Image with React Suspense. Интересный способ реализации обертки, для показа состояния загрузки изображения. Думаю если к этому примеру прикрутить еще skeleton-loader - выйдет вполне себе рабочее решение → https://bit.ly/30gcKbT
——————————————
Поддержи меня на Patreon
Feature watch: ECMAScript 2021. Обзор того, что заехало в стандарт ECMAScript 2021 и того, что на подходе (stage 3) → https://bit.ly/3l0GxgF
——————————————
Поддержи меня на Patreon
CSS Grid понятно для всех. Очень классная короткая статья, показывающая что такое Grid и сделать простой лейаут на гридах → https://bit.ly/3jgdo0g
——————————————
Поддержи меня на Patreon
Webchic - канал о веб разработке, с уклоном на фронтенд.

Отбор материала по: nodejs, webpack, css, javanoscript, CI/CD, архитектурным решениям, алгоритмам.

Материал разных уровней сложности, от junior до senior.
Understanding Web Performance Monitoring. Отличный гайд о том, какие метрики можно использовать для измерения перформанса приложения → https://bit.ly/3n18giZ
——————————————
Поддержи меня на Patreon
How Fast Should Your Site Load?. Подробный разбор метрик, на которые можно опираться и примерных величин этих метрик, к которым нужно стремится при исследовании перформанса вашего приложения → https://bit.ly/30npVYF
——————————————
Поддержи меня на Patreon
Простые TypeScript-хитрости для безболезненного роста кодовой базы: подборка Романа Седова из Tinkoff → https://habr.com/p/521262/
Осваиваем JavaScript ES6 Symbol. Неплохое описание базовых принципов работы с Symbol и почему команда React отказалась разрешить искользовать Symbol в качестве key → https://bit.ly/3l6usGO
——————————————
Поддержи меня на Patreon
Почему я выбрал Next.js, а не Gatsby, Gridsome или Nuxt?. Интересная статья-рассуждение в переводе на Хабре → https://bit.ly/3jwBTq5
——————————————
Поддержи меня на Patreon
Myths about useEffect. Kent C. Dodds у себя в блоге разбирает частые заблуждение по поводу использования useEffect хука → https://bit.ly/36A534f
——————————————
Поддержи меня на Patreon
Announcing MobX 6. Как-то очень тихо произошел релиз MobX версии 6. Из нововведений:
- переработаны декораторы
- добавлена ф-я makeAutoObservable и логика сетапа поля observable
- улучшена поддержка браузеров
- обновлены доки
+ различные минорные улучшения
радует что MobX развивается, поэтому если вам это интересно - go в release notes → https://bit.ly/3jDojBt
——————————————
Поддержи меня на Patreon
Inspect CSS Grid. Детальное руководство о том, как можно дебажить гриды в Chrome DevTools → https://bit.ly/2Fdt3io
——————————————
Поддержи меня на Patreon
ooooops I guess we’re* full-stack developers now. Крутая статья от Chris Coyier с обзором serverless и JAMstack технологий → https://bit.ly/2F5Yaw2
——————————————
Поддержи меня на Patreon