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

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

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

Підтримати канал: http://bit.ly/2YbvCFz
Download Telegram
Оптимизация быстродействия основного лендинга Netflix. Рассказ Эдди Османи: TTI уменьшились на 50%, предзагрузка ресурсов сократила TTI после переходов между страницами на 30%, JS-бандл уменьшился на 200 КБ → https://medium.com/p/c0bcde26a9d9
Что и как тестировать с помощью Jest и Enzyme. Полная инструкция по тестированию React-компонентов в переводе на Medium → https://medium.com/devschacht/d3504f3fbc54
От сервера к клиенту: как браузер загружает страницы/ресурсы и как на это влияют сервис-воркеры, кеширование и origin model? Подробное объяснение Али Алабаса → https://alistapart.com/article/server-to-client
В догонку ко вчерашней статейка о том, как HTML превращается в DOM. Подробно рассмотрены процессы парсинга, токенизации, формирования DOM - дерева, формирование и принцип работы браузерных событий → https://alistapart.com/article/tags-to-dom
Забытая история ООП. Заметка об истоках ООП, популярных заблуждениях, почему ООП больше не являеться ООП и почему JavaScript к ближе к ООП, чем С++ → https://habr.com/p/428582/
Почему каждый начинающий фронтендер должен знать pub-sub паттерн? Подробный рассказ с иллюстрациями на примере приложения для расстановки меток на карту → https://goo.gl/dUf94a
Стрелочные функции в JavaScript: зачем они нужны, как с ними обращаться, когда ими стоит пользоваться, а когда — нет. Познавательная статья с примерами в переводе на Хабре → https://goo.gl/bTgttJ
Советы по CSS, которые вы вряд ли найдете в самоучителях. Заметка об особенностях CSS, с которыми сталкиваешься иногда, поэтому не все о них знают. Также описаны такие важные особенности как схлопывание отступов и работа с несколькими background-image → https://goo.gl/XsJAJX
Day.js — компактная (2kb) замена Momenjs. API практически такой же.
https://github.com/iamkun/dayjs
React Suspense with the Fetch API. В статье разбирается способ работы Suspense с Fetch API. Хотя официально такой возможности нет, автор постепенно собирает рабочий пример → https://goo.gl/MF7RJP
Введение в React Hooks. Перевел для вас классный лонгрид по использованию React Hooks. В статье подробно разобраны примеры использования useState(), useEffect(), useContext(), useRef(), примеры тесрирования Hooks и приведены мысли о будущем данной технологии → https://habr.com/post/429712/
Компоненты высшего порядка в React. Статья для новичков об использовании паттерна HOC в React и JS в переводе на Хабре → https://goo.gl/ADtUzN
Заглядываем под капот нового Gmail. Детальный разбор того, почему Gmail так долго грузиться после редизайна, очень интересно почитать, рекомендую → https://habr.com/post/429506/
Возможности JavaScript, о которых я не знал. Прикольная заметка о нечасто используемых возможностях языка. Только для ознакомления, большинство всего из статьи использовать не рекомендую → https://goo.gl/CaajED
GrodnoVR: первый и последний опыт с ReactVR. Крутой рассказ об опыте создания VR - приложения на ReactVR. Очень радует, что VR идет в веб 💪https://medium.com/@arturbasak/7ac156fc1a70
Ну и на затравочку вам статья: Фулстеки — это вечные мидлы. Не идите по этому пути, если не хотите страдать о сложном пути фулстек-разработчика, доставляет как статья, так и холивар в комментариях → https://habr.com/post/429612/
Особенности работы с Number в JS. Что нужно знать чтоб нормально работать с большими числами, почему 0.1 + 0.2 !== 3 и почему цикл
for (var i=1; 1/i > 0; i++) {} никогда не заканчивается → https://goo.gl/JR29wo
Как обосновать бизнесу важность обеспечения доступности веб-сервиса для для людей с ограниченными возможностями. Хорошое руководство, рекомендую → https://www.w3.org/WAI/business-case/
Гайд для React разработчиков как писать кастомные элементы на примере карточек профиля из github → https://goo.gl/aPtGs1
​Очень детальное руководство по использованию ref в React. Как получить значение ref, как использовать ref в callback, форвардить ref - все в статье → https://goo.gl/Uvctr1