Дайджест свежих материалов из мира фронтенда за последнюю неделю №420 (15 — 21 июня 2020)

---

Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/javascript/354251

Ссылки в тексте:

[1] Медиа: #media

[2] Веб-разработка: #development

[3] CSS: #css

[4] JavaScript: #js

[5] Браузеры: #browser

[6] Занимательное: #interesting

[7] Подкаст «Фронтенд Юность (18+)» №142: Последний шанс уехать подальше: https://soundcloud.com/frontend_u/e142

[8] UnderJS Podcast №24: ClojureScript, истоки PiterJS и 3D-принтеры с Михаилом Полубояриновым [Ламповый]: https://soundcloud.com/underjs/24-clojurescript-istoki-piterjs-i-3d-printery-s-mikhailom-poluboyarinovym-lampovyy

[9] Подкаст CSSSR: Frontend learning от Mozilla, Vue 3 материалы, QUIC, релизы PHP-фреймворков, CSS Grid + Flexbox: https://soundcloud.com/csssr/frontend-learning-ot-mozilla-vue-3-materialy-quic-relizy-php-freymvorkov-css-grid-flexbox

[10] Подкаст «Веб-стандарты» №234: Путь фронтендера на MDN, QuicTransport, кастомные свойства, Houdini, GC, записи и кортежи в ES: https://soundcloud.com/web-standards/episode-234

[11] Ускорение старения современных технологий: https://habr.com/ru/company/ruvds/blog/506776/

[12] Web Apps: Micro Frontend фреймворк с поддержкой Module Federation: https://habr.com/ru/post/506830/

[13] Многократное использование UI-компонентов в масштабах организации: https://habr.com/ru/company/ruvds/blog/506732/

[14] Не стоит создавать собственные решения для аутентификации пользователей: https://habr.com/ru/company/ruvds/blog/507404/

[15] Что должен уметь верстальщик в 2020 году: https://htmlacademy.ru/blog/career/everything/vacancies

[16] Вышла Bootstrap 5 alpha!: https://webdevblog.ru/vyshla-bootstrap-5-alpha/

[17] Blogging Simplified — статический генератор для блогов, документации и многого другого : https://github.com/hodgef/PRSS

[18] Повышаем эффективность взаимодействия дизайнеров и frontend-разработчиков: https://habr.com/ru/post/507236/

[19] Начало работы с Puppeteer : https://dev.to/igneel64/getting-started-with-puppeteer-ing

[20] Релиз Puppeteer v4.0.0. Breaking change: Puppeteer больше не использует Node-библиотеку EventEmitter : https://github.com/puppeteer/puppeteer/releases/tag/v4.0.0

[21] Почему мы переключились с Yarn на pnpm: https://www.takeshape.io/articles/why-we-switched-from-yarn-to-pnpm/

[22] Представляем GitHub Super Linter: один линтер, чтобы управлять всем : https://github.blog/2020-06-18-introducing-github-super-linter-one-linter-to-rule-them-all/

[23] Релизы ESLint 7.0, 7.1, 7.2, улучшающие опыт разработчиков и поддержка ES2020 : https://www.infoq.com/news/2020/06/eslint-7-release/

[24] Скрытие и стилизация чекбоксов и радио-кнопок с учетом доступности : https://www.sarasoueidan.com/blog/inclusively-hiding-and-styling-checkboxes-and-radio-buttons/

[25] Как написать Alt Text и Image Descriptions для фотожурналистских изображений: https://veroniiiica.com/2020/05/31/how-to-write-alt-text-and-image-descriptions-for-photojournalism-images/

[26] [Dribbble Challenge] — Анимация заказа кофе : https://habr.com/ru/post/506862/

[27] ScrollTrigger — подсветка текста во время скроллинга: https://codepen.io/hexagoncircle/full/gOPMwvd

[28] Easing-анимации в Canvas: https://css-tricks.com/easing-animations-in-canvas/

[29] Использование Grid для макетов страниц, а Flexbox — для макетов компонентов: https://habr.com/ru/company/ruvds/blog/506774/

[30] Советы для сложных иллюстраций на CSS : https://css-tricks.com/advice-for-complex-css-illustrations/

[31] Grid Cheatsheet: подробная шпаргалка по гридам от Yoksel: https://yoksel.github.io/grid-cheatsheet/

[32] Пользовательские свойства CSS не работают без фолбека : https://matthiasott.com/notes/css-custom-properties-fail-without-fallback

[33] CSS-анимация: основные концепты и многое другое : https://dev.to/petrepan_/css-animation-the-basic-concept-and-more-2aki

[34] Мысли о функциональном CSS : https://dev.to/duarten/thoughts-on-functional-css-1d5f

[35] Лучшие способы организовать свойства CSS : https://medium.com/@vinodan.nijin/better-ways-to-organise-css-properties-9a066e7ded62

[36] Не надо следовать JavaScript-трендам: https://habr.com/ru/company/ruvds/blog/507518/

[37] Простой state manager для простой работы: https://habr.com/ru/post/507502/

[38] Великий раскол в import: проясняем неопределенность с импортом в Typescript: https://habr.com/ru/company/otus/blog/507104/

[39] Cлайдер с голосовым управлением на JavaScript: https://habr.com/ru/post/506614/

[40] Event listeners и garbage collection: https://webdevblog.ru/event-listeners-i-garbage-collection/

[41] Чего нам ожидать в TypeScript 4.0? : https://medium.com/better-programming/what-can-we-expect-in-typescript-4-0-b5be85021b90

[42] Рефакторинг optional chaining в большой кодовой базе: извлеченные уроки : https://lea.verou.me/2020/06/refactoring-optional-chaining-into-a-large-codebase-lessons-learned/

[43] Что JavaScript разработчики должны знать о Curl : http://thecodebarbarian.com/what-javascript-developers-should-know-about-curl.html

[44] Компилятор компилятора: серия стримов на Twitch о работе над движком JavaScript : https://hacks.mozilla.org/2020/06/compiler-compiler-working-on-a-javascript-engine/

[45] Придерживаемся концепта DRY при использовании axios для API запросов: https://css-tricks.com/stay-dry-using-axios-for-api-requests/

[46] По ту сторону обфускации: защита и безопасность в JavaScript : https://blog.jscrambler.com/beyond-obfuscation-javascript-protection-and-in-depth-security/

[47] Шпаргалка по регулярке: https://habr.com/ru/post/506994/

[48] Лучшие практики JavaScript для удобочитаемого и поддерживаемого кода : https://blog.bitsrc.io/javascript-best-practices-for-readable-and-maintainable-code-b54f0aca2353

[49] 3 способа проверить, есть ли у объекта свойство в JavaScript : https://dmitripavlutin.com/check-if-object-has-property-javascript/

[50] ECMAScript — Введение в метод «matchAll» в ES2020 (ES11) : https://nitayneeman.com/posts/introducing-string-matchall-method-in-ecmascript-2020/

[51] Как управлять состоянием React приложения без сторонних библиотек: https://habr.com/ru/post/507572/

[52] Подробно о React Router. Часть 2 — параметры запроса, 404 страница и передача пропсов компоненту роута: https://medium.com/@stasonmars/%D0%BF%D0%BE%D0%B4%D1%80%D0%BE%D0%B1%D0%BD%D0%BE-%D0%BE-react-router-ae5ce427d438

[53] React Hook Form VS Formik: https://blog.bitsrc.io/react-hook-form-vs-formik-form-builder-library-for-react-23ed559fdae

[54] React Icon System: https://varun.ca/react-icon-system/

[55] Использование Immer для лучшего написания редукторов : https://www.smashingmagazine.com/2020/06/better-reducers-with-immer/

[56] Давайте создадим финансовую панель с помощью React : https://www.telerik.com/blogs/lets-build-a-financial-dashboard-with-react

[57] Все, что вам нужно знать о FLIP анимации в React : https://css-tricks.com/everything-you-need-to-know-about-flip-animations-in-react/

[58] Как создавать PDF отчеты в React : https://www.freecodecamp.org/news/how-to-create-pdf-reports-in-react/

[59] Эй Next.js, сервер-сайд рендеринг мертв? : https://arunoda.me/blog/hey-nextjs-is-server-side-rendering-dead

[60] Асинхронность во Vue 3 с Suspense: https://vuedose.tips/go-async-in-vue-3-with-suspense/

[61] Open Source: обзор инструмента для прототипирования OverVue V2: https://medium.com/better-programming/open-source-a-walkthrough-of-overvue-v2-8e46c5682eb9

[62] Работа с директивами в Angular : https://dev.to/igorfilippov3/working-with-directives-in-angular-33nl

[63] Продвинутая библиотека для всплывающих окон в приложениях на Angular : https://github.com/ngneat/helipopper

[64] The Ember Times — Issue No. 153: https://blog.emberjs.com/2020/06/19/the-ember-times-issue-153.html

[65] ember-handy-globals — удобные переменные Emberjs для разработки: https://dev.to/betocantu93/handy-emberjs-globals-for-developing-4cgl

[66] Учебное пособие по Svelte : https://sung.codes/blog/2020/06/20/svelte-tutorial-note/

[67] Выучите Svelte за 5 минут : https://dev.to/scrimba/learn-svelte-in-5-minutes-53i4

[68] Svelte 3 — Как связать ваше приложение с Rest API Axios : https://dev.to/lukocastillo/svelte-3-how-to-connect-your-app-with-a-rest-api-axios-2h4e

[69] 14 самых популярных Node.js-библиотек в 2020 году: https://habr.com/ru/post/506692/

[70] Упрощенный (сгруппированный) список часовых поясов и смещений, всегда актуальный и включающий все данные: https://github.com/vvo/tzdb/

[71] Mozilla перешла на использование общего с Chromium движка регулярных выражений: https://www.opennet.ru/opennews/art.shtml?num=53173

[72] 111 Chrome-дополнений, загруженных 32 млн раз, уличены в загрузке конфиденциальных данных: https://www.opennet.ru/opennews/art.shtml?num=53190

[73] В Chrome намерены перейти к показу только домена в адресной строке: https://www.opennet.ru/opennews/art.shtml?num=53154

[74] Оценка влияния на производительность популярных дополнений к Chrome: https://www.opennet.ru/opennews/art.shtml?num=53198

[75] Mozilla запустит собственный VPN-сервис в ближайшие недели: https://xakep.ru/2020/06/19/mozilla-vpn/

[76] В следующем крупном обновлении Windows 10 новый Edge будет интегрирован по умолчанию: https://itc.ua/news/v-sleduyushhem-krupnom-obnovlenii-windows-10-novyj-edge-stanet-brauzerom-po-umolchaniyu/

[77] Adobe Flash Player прекратит существование 31 декабря 2020 года: https://ain.ua/2020/06/19/flashplayer-vse-31-dekabrya-2020/

[78] Adobe хоронит Flash Player. Давайте вспомним, как он изменил нашу жизнь: https://4pda.ru/2020/06/19/372499/

[79] Разработчики LLVM обсуждают прекращение использования слова «master»: https://www.opennet.ru/opennews/art.shtml?num=53197

[80] GitHub заменит термин «master» на более нейтральный аналог: https://xakep.ru/2020/06/16/master-slave/

[81] Dropbox запустил собственный менеджер паролей и защищенное хранилище для важных документов: https://itc.ua/news/dropbox-zapustil-sobstvennyj-menedzher-parolej-i-zashhishhennoe-hranilishhe-dlya-vazhnyh-dokumentov/

[82] Дайджест за прошлую неделю: https://habr.com/ru/post/506664/

[83] dersmoll: http://habrahabr.ru/users/dersmoll/

[84] alekskorovin: http://habrahabr.ru/users/alekskorovin/

[85] Источник: https://habr.com/ru/post/507624/?utm_source=habrahabr&utm_medium=rss&utm_campaign=507624

Нажмите здесь для печати.