Веб-стандарты. Страница 80

Финальная программа PiterJS conf 7 сентября в Санкт-Петербурге: Telegram в VS Code, GraphQL, CSS-in-JS, JSX в декларативные шаблоны, хроники Node.js, быстрые прототипы, автоматизация, состояние Vue, перфоманс и архитектура приложений — https://conf.piterjs.org/#schedule

Инклюзивные компоненты: переключатель темы. Хейдон Пикеринг готовит простой доступный компонент для React, который переключает инверсную тему с помощью CSS-фильтров. В переводе на «Веб-стандартах» — https://medium.com/p/a6e3c12d5d75

00:02:47 Италия и конкурсы
00:06:55 События
00:10:17 Уже бета Edge
00:20:34 Vue и Material Design
00:32:43 Доступность
00:35:55 Реклама в npm
00:41:39 От сварщика до программиста

Выпуск №191: Конкурсы, бета Edge, Vue и Material Design, доступность, реклама в npm, от сварщика до программиста. В гостях Евгений Плотников. Ссылки на Медиуме https://medium.com/p/e4db9d87726 или на Ютубе https://youtu.be/F8UW9p8Sh04

Смогут ли React-хуки заменить Redux? Эрик Эллиотт в переводе на CSS-live объясняет, когда удобнее использовать каждый из подходов — https://css-live.ru/articles/smogut-li-react-xuki-zamenit-redux.html

00:01:17 События
00:11:25 Google и приватность
00:20:38 JavaScript в вузах
00:32:04 WebAssembly
00:46:52 Люди из TC39
01:00:07 Участие в создании ES

Выпуск №190: Google и приватность, JavaScript в вузах, WebAssembly, люди из TC39, участие в создании ES. В гостях Дмитрий Махнёв и Сергей Рубанов. Ссылки на Медиуме https://medium.com/p/7efdad081e62 или на Ютубе https://youtu.be/wI0UDPZ3mCo

Четыре видео с Panda Frontend Meetup #22 в Авито: JSONata, Jora, JMESPath для сложных данных, декларативный Angular, тестирование на основе данных и плагины vue-cli — https://www.youtube.com/playlist?list=PLknJ4Vr6efQGs2U0c5-jf1VwOaDs-arGq

Прямая трансляция второго дня Krasnodar Dev Conf 2019 с докладами про CSS, рефакторинг, контроль производительности, WebRTC и другие темы. Начало в 11:00 (GMT+3) — https://youtu.be/jk4JGEVf6kU, программа — https://krd.dev/events/14

Пять видео со SPA Meetup #5 в Авито: тестирование на Jest, DI для масштабирования, UIKit, который сможет, библиотеки компонентов и дискуссия про платформенные команды — https://www.youtube.com/playlist?list=PLknJ4Vr6efQHOdSjVkBDWdlHby6v-lO12

Открыта регистрация на бесплатный курс «Основы программирования» (с примерами на JavaScript) Тимура Шемсединова из Киевского политехнического института. Начало курса 3 сенября, часть лекций уже доступна онлайн — https://habr.com/p/464023/

Как подружить дизайнера, верстальщика и «Фигму». Илья Иванов про то, как дизайн-система упрощает взаимоотношения и нейтрализует конфликты между дизайнерами и верстальщиками — https://habr.com/p/464115/

Основы CI/CD на GitLab. Катерина Павленко рассказывает, как настроить автоматическую сборку и деплой по коммиту в репозиторий — https://medium.com/p/19489cc79fe8

Нативные JS-модули в продакшене уже сегодня. Филип Уолтон размышляет об оптимальном использовании модулей и предлагает работающее решение на Rollup — https://philipwalton.com/articles/using-native-javascript-modules-in-production-today/

— Демо на Glitch https://glitch.com/edit/#!/rollup-native-modules-boilerplate
— Код на Гитхабе https://github.com/philipwalton/rollup-native-modules-boilerplate

01:27 События
06:12 MathML в Chrome (и дальше)
10:41 Ленивые картинки в Chrome
21:36 Поворот картинки в CSS
24:31 Нативные CSS-модули
27:47 БЭМ или CSS-in-JS
40:59 Зачем нужны основы
45:11 Манифест приватности
53:43 CSS-Minsk-JS

Выпуск №189: MathML и ленивые картинки в Chrome, поворот картинки в CSS, CSS-модули, БЭМ или CSS-in-JS, манифест приватности, CSS-Minsk-JS. В гостях Павел Ловцевич, Анна Селезнёва и Никита Дубко. Ссылки на Медиуме https://medium.com/p/8390bf90f2a7 или на Ютубе https://youtu.be/sAvqBto3uLI

Рефакторинг алерта из CSS в CSS-in-JS. Мартин Хоффман сравнивает реализации компонента на БЭМ и Emotion — https://alert-refactor.netlify.com/

Расширение React DevTools v4 для Chrome и Firefox теперь поддерживает хуки, включая инспектирование вложенных объектов. Официальный анонс https://reactjs.org/blog/2019/08/15/new-react-devtools.html и более подробный список изменений https://github.com/facebook/react/blob/master/packages/react-devtools/CHANGELOG.md#400-august-15-2019