#js

Создание 100% типобезопасного React приложения на ванильном JavaScript

https://medium.com/@martin_hotell/build-100-type-safe-react-apps-in-vanilla-javascript-bd29a8364078

#web

Как применять принципы SOLID в приложениях на React

https://medium.com/@tomgold_48918/how-to-apply-solid-principles-in-react-applications-6c964091a982

#css

Негативные линии в гридах

https://css-irl.info/negative-grid-lines/

SVG Marching Ants — эффект бегущих по границе точек

https://css-tricks.com/svg-marching-ants/

#css

Как сделать импорт Sass файла в любой компонент Vue приложения

https://css-tricks.com/how-to-import-a-sass-file-into-every-vue-component-in-an-app/

#js

Как уменьшить влияние JavaScript на время загрузки вашей страницы

https://engineering.gosquared.com/improve-javascript-page-load-time

#typescript

Школа магии TypeScript: дженерики и расширение типов

https://habr.com/company/ruvds/blog/426729/

typeof Everything и утиные недоразумения

https://habr.com/post/427253/

#js

ES2018 — метод промисов finally

https://habr.com/company/ruvds/blog/427405/

#css

Неполный список ошибок в проектировании CSS

https://wiki.csswg.org/ideas/mistakes

#js

Каррирование функций в JavaScript

https://habr.com/company/ruvds/blog/427295/

#video

WSD в Киеве, 2018 , запись онлайн-трансляции

https://www.youtube.com/watch?v=hSyO6y4B4BE

#html

Соединение ДНК HTML с помощью атрибутов селекторов CSS

https://www.smashingmagazine.com/2018/10/attribute-selectors-splicing-html-dna-css/

#web

Что нового в Microsoft Edge в Windows 10 October 2018 Update

https://blogs.windows.com/msedgedev/2018/10/04/edgehtml-18-october-2018-update/

#web

Аннотированный webpack 4 Config для разработки фронтенда

https://nystudio107.com/blog/an-annotated-webpack-4-config-for-frontend-web-development

#react

Ломаем производительность React с помощью Redux

https://blog.scottlogic.com/2018/10/22/ruining-react-s-performance-with-redux.html

​​​​Заполняем пробелы - event flow

На этой неделе получил стажера для подготовки к собедесованию во внутреннюю лабораторию.
Это мой первый опыт менторства, и я подумал, что это хорошая возможность заполнить свои пробелы в теории / практикe.

Первый пробел касается темы событий - погружение и всплытие. Всегда четко помнил про второе - всплытие. Погружение напрочь вылетело.
Возможно, некоторые из вас тоже забыли стадии event flow:
- capture (перехват)
- target (цель)
- bubbling (всплытие)

Отловить событие на стадии перехвата можно, передав true в качестве 3 аргумента функции addEventListener

Немного о целевом элементе event.target:
event.target – это исходный элемент, на котором произошло событие,
event.currentTarget (он же this) - элемент, на котором выполняется обработчик.

Т.е если повесили обработчик на form:
event.currentTarget - элемент формы,
event.target - элемент внутри формы, на котором произошло событие.

Ссылки по теме:
https://learn.javascript.ru/event-bubbling
https://developer.mozilla.org/ru/docs/Web/API/EventTarget/addEventListener

Если у вас есть что добавить или если я где-то наврал, пишите в личку @jem_jem, разберемся ;)

#web

Верхнеуровневая архитектура фронтенда. Лекция Яндекса

https://habr.com/company/yandex/blog/425611/

Вышла Node.js 11.0 с поддержкой движка V8 7.0

https://tproger.ru/news/node-js-11-0-release/

Типичный сайт в 2018- ироническая демонстрация
https://www.reddit.com/r/web_design/comments/9pmqxb/

codepen edition https://codepen.io/cobra_winfrey/pen/MPqvwg

website edition https://2018.bloomca.me/en

The State of JavaScript . Интервью с Addy Osmani о текущем состоянии JavaScript в вебе

https://www.youtube.com/watch?v=i5R7giitymk&feature=youtu.be