Надеюсь, ваша неделя была потрясающей. Я только что закончил двухнедельную поездку, и это письмо приходит к вам прямо из отеля в аэропорту между двумя днями путешествия. Я надеюсь, вы простите меня, если я буду короче на одну-две ссылки, поскольку на данный момент мне определенно не хватает одной-двух клеток мозга. :)
В честь нашего спонсора на этой неделе у нас есть несколько отличных ссылок на React Hooks, а также статья о вдохновленном хуками API функций Vue. Есть также несколько быстрых статей о CSS и несколько отличных статей о специальных возможностях. Наслаждаться!
Лучший,
KBall от ZenDev
P.S. Это размещение в Интернете с опозданием на несколько дней из-за вышеупомянутого путешествия. Прости! Если вы хотите быть абсолютно уверены, что получите его вовремя, подпишитесь на рассылку по электронной почте! :)
CSS и SCSS
Можно ли вкладывать друг в друга запросы @media и @support?
да. Задайте простой вопрос, получите простой ответ. Но подробнее читайте в этой статье. :)
Добавление CSS Grid в макеты WordPress
Для тех, кто работает с WordPress, это действительно удобный инструмент, позволяющий легко использовать преимущества CSS Grid, особенно на сайте, ориентированном на блоки Gutenberg. Проверьте!
Новые возможности CSS в Firefox 68
Хотя я обычно не выделяю отдельные выпуски браузеров, я СУПЕР взволнован появлением псевдоэлемента ::marker. Возможность напрямую нацеливаться на маркеры списков с помощью CSS сэкономила бы мне ОЧЕНЬ много времени в прошлом, и я ожидаю, что это сэкономит мне массу времени в будущем.
JavaScript
Отличный взгляд на то, как React развивался с течением времени, а также на некоторые причины и размышления, лежащие в основе большинства
Как правильно синхронизировать пропсы в React Hooks
Небольшой учебник по хукам React, в котором решается распространенная проблема, заключающаяся в том, как копировать свойства в локальное состояние и сохранять локальное состояние в обновленном состоянии от изменений.
Vue.js 3: Программирование, ориентированное на будущее
Отличный взгляд на то, как новый функционально-ориентированный API Vue упрощает написание ориентированного на будущее и ориентированного на будущее кода. Код, который легко адаптировать к новым локациям. И, конечно же, хотя этот API предлагается для Vue 3, вам не нужно ждать, потому что кто-то написал плагин, чтобы вы могли использовать его сегодня. Потому что именно так мы катимся в мире JS. :)
Изучите замыкания JavaScript за 6 минут
Твердое объяснение того, как работают замыкания. Замыкания — это одна из ключевых концепций, которые нужно понимать, когда вы повышаете свои навыки работы с JavaScript, и мне нравится фраза, которую автор использует для их описания: «замыкания — это функции с состоянием». Оттуда он делает отличный шаг за шагом, чтобы помочь вам понять. Отличная работа!
Как сгруппировать массив объектов по ключу с помощью Array reduce в javascript
Еще один хороший учебник по основам, посвященный реализации чрезвычайно распространенного шаблона (группировка по ключу) с использованием уменьшения массива.
Рекламируемая ссылка
Анонсируем два новых курса от TylerMcGinnis.com — React и React Hooks
Оригинальный курс React от TylerMcGinnis.com был запущен в 2016 году, и с тех пор его прошли более 80 тысяч студентов со средней оценкой 4,8/5. Сегодня они рады представить его преемника. Их новые курсы React и React Hooks, созданные с нуля, научат вас всему, что вам нужно знать о написании React в 2019 году. Изучите React Hooks
Другое
Отличная статья, которая поможет вам разобраться в мышлении, необходимом для создания доступных веб-сайтов и приложений. Специальные возможности часто объединяются в одну категорию в голове разработчика, но это многогранная проблема, и есть много способов, которыми вспомогательные устройства отличаются от стандартной среды разработчика.
Неожиданные советы по доступности
Это чертовски блестяще. Одна из самых больших проблем в обучении разработке доступных веб-сайтов заключается в том, что как бы вы ни старались, трудно спланировать опыт, которому вы не можете сопереживать. Вышеупомянутая статья пытается решить эту проблему, вводя вас в образ мышления... но эта вместо этого дает вам набор тестов и действий, которые вы можете выполнить, которые, по сути, непосредственно имитируют проблемы, с которыми могут столкнуться люди. Мне нравится идея использовать мобильное устройство в поезде, чтобы вы могли столкнуться с большим количеством помех, держать мобильное устройство прямыми руками, чтобы имитировать проблемы с мобильностью, и просматривать сайты на проекторе, чтобы имитировать проблемы с цветом. Чудесно!
Ветвление от великого водораздела
Я думаю, что это один из самых важных разговоров, происходящих прямо сейчас в мире фронтенда. Поскольку круг обязанностей и инструментов, ожидаемых от фронтенда, продолжает расти, как мы можем организовать и понять людей с разными наборами навыков, которые все идентифицируют себя как фронтенд-разработчики? Это не дает каких-либо больших ответов, но дает надежный способ думать об этом.
Хорошее важное напоминание о том, что, как бы нам ни хотелось сосредоточиться на передовых технологиях, подавляющее большинство людей в отрасли не находятся на передовых позициях. Так что не позволяйте себе расстраиваться из-за этого, просто продолжайте делать хорошую работу. Конечная цель — работающий продукт, а не новейший и лучший JS Framework + CSS Grid + CSS-in-JS + любая другая магия, которую мы все, возможно, захотим попробовать.
Счастливой пятницы!
Хотите получать это как информационный бюллетень прямо на ваш почтовый ящик? Каждую пятницу я рассылаю 15 ссылок на лучшие статьи, уроки и анонсы по CSS/SCSS, JavaScript, а также множество других замечательных Front-end новостей — подпишитесь здесь: https://zendev.com/friday-frontend.html
Первоначально опубликовано на https://zendev.com 9 августа 2019 г.
