​Гайд для 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/

​Discovering the Shadow DOM. Обзор технологии, и сравнение с iframe в блоге LogRocket → https://goo.gl/ZGweRS

​Машинное обучение в Google: Что нового?Интересный рассказ журналиста, побывавшего в RnD центре Google о новых трендах в AI и ML. Рекомендую → https://itc.ua/articles/mashinnoe-obuchenie-v-google-chto-novogo/

На просторах интернета становится все больше образовательных блогов, проектов и школ. И это замечательно!

Но эта школа отличается от остальных тем, что делится не только платными знаниями, но и бесплатно создает контент для тех, кто старается освоить веб-разработку самостоятельно. 💜

Ловите полезный образовательный и бесплатный контент от учителей и менторов web hero school в их публичном канале 👉 @webheropublic

В чате канала можно познакомиться с учатсниками сообщества webhero, задать вопрос по веб-разработке, с которым у вас сложности и получить на него ответ 🤫

​Understanding Memoization in JavaScript. В статье рассказывается что такое мемоизация, основной принцип на котором она построена. Также подаются примеры и случаи в которых стоит использовать данную технологию → https://goo.gl/b7E4gR

​WebSockets - A Conceptual Deep-Dive. В статье детально разобрано появление данного протокола, подано сравнение с long pulling, показаны принципы работы на стороне клиента и сервера. Также представлены примеры самых популярных библиотек для работы c WebSockets → https://goo.gl/4Hi3Xm

​From dark to light and back again. Разработчик 1password об опыте внедрения темной темы в своем блоге (в Safari) 👉 https://blog.1password.com/from-dark-to-light-and-back-again/

​Что такое webhooks, основной принцип работы и области возможного применения 👉 https://snipcart.com/blog/what-are-webhooks-explained-example

​Новая статья о парсинге CSS на alistapart → https://alistapart.com/article/braces-to-pixels