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
Введение в 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
От Редакса к хукам. В своем блоге Саша Беспоясов сравнивает написание простого каунтера на Redux с Hooks + Context, выглядит заманчиво. Я поймал себя на мысли что скептически отношусь к тому, что Context заменит Redux, а такая комбинация вполне. Прикольная статья, рекомендую→https://goo.gl/9CpxeM
Когда использовать флексы, а когда гриды? Разбор того, как выбрать более целеесообразную из этих технологий в статье Рейлчел Эндрю в переводе html academy → https://htmlacademy.ru/blog/371-flexbox-use-cases
2 года с Typenoscript. В статье автор делится опытом внедрения ts и подводными камнями, с которыми пришлось столкнуться, начиная от установки/настроийки, заканчивая ежедневным использованием → https://goo.gl/QvAbbW
The Power of Web Components. Статья об использовании веб-компонентов и Shadow-dom на примере написания tooltip-компонента → https://hacks.mozilla.org/2018/11/the-power-of-web-components/
Интересная статья, в которой пошагово показывается создание простого приложения-чата на React → https://medium.freecodecamp.org/c86333e5b88c
Как использовать React.lazy и Suspense чтобы настроить lazy-loading в React 16.6. Пошаговый туториал в блоге freecodecamp → https://goo.gl/DyW2Zd
Используете Webpack на проэкте? - Вот подборка инструментов и приемов, которые помогут вам оптимизировать использование сторонних библиотек → https://github.com/GoogleChromeLabs/webpack-libs-optimizations#react
web.dev - классный ресурс со статьями по улучшению перформанса. Также есть возможность пройти на сайте аудит в lighthouse, и если залогинится - результаты будут периодически обновляться. Сервис пока в бете, но уже достоен внимания → https://web.dev
Заметка о том, чем отличаются Web Worker, Service Worker и Worklet и для чего предназначены. → https://goo.gl/C4M8t5
Guess.js - библиотека, позволяющая предугадать что понадобится пользователю на основе машинного обучения. И потом производить prefetch этих данных. Пока в альфе, но выглядет очень перспективно → https://github.com/guess-js/guess
Вам не нужны PWA и AMP, чтобы делать быстрые сайты: Никита Прокопов в своем блоге о вреде повсеместного внедрения хайповых технологий для повышения быстродействия → http://tonsky.me/blog/pwa/