Изучение состояния моделей реактивности в 2020 году
https://indepth.dev/exploring-the-state-of-reactivity-patterns-in-2020/
https://indepth.dev/exploring-the-state-of-reactivity-patterns-in-2020/
inDepthDev
Exploring the state of reactivity patterns in 2020 - JavaScript inDepth
Exploring the trend that has already changed the shape of front end UI development regardless of framework.
Глубокое погружение в Injectable и providedIn в Ivy
https://indepth.dev/a-deep-dive-into-injectable-and-providedin-in-ivy/
https://indepth.dev/a-deep-dive-into-injectable-and-providedin-in-ivy/
inDepthDev
A Deep Dive into @Injectable and providedIn in Ivy - Angular inDepth
In this article I want to explain how Angular @Injectable decorator works under the hood and how providedIn property is processed by Angular Ivy.
Настройка эффективного рабочего процесса с помощью ESLint, Prettier и TypeScript
https://indepth.dev/setting-up-efficient-workflows-with-eslint-prettier-and-typescript/
https://indepth.dev/setting-up-efficient-workflows-with-eslint-prettier-and-typescript/
Angularindepth
Angular in Depth
Unlock the power of software engineering at its core with Angular in Depth!
Подробно о React Router. Часть 1 — основы роутинга, типы и динамические страницы
https://medium.com/@stasonmars/1c159cca6fea
https://medium.com/@stasonmars/1c159cca6fea
Medium
Подробно о React Router. Часть 1 — основы роутинга, типы и динамические страницы
В этой серии статей вы подробно и доходчиво узнаете о том, как работает Router в React, как его можно использовать и другие интересные…
Глобальные и компонентные настройки стилей с помощью CSS переменных
https://www.sarasoueidan.com/blog/style-settings-with-css-variables/
https://www.sarasoueidan.com/blog/style-settings-with-css-variables/
Sarasoueidan
Global and Component Style Settings with CSS Variables
– The personal website of Sara Soueidan, inclusive design engineer
Как сделать React-приложение прогрессивным веб-приложением (PWA)
https://felixgerschau.com/how-to-make-your-react-app-a-progressive-web-app-pwa/
https://felixgerschau.com/how-to-make-your-react-app-a-progressive-web-app-pwa/
Felixgerschau
How to Make your React App a Progressive Web App (PWA) | Felix Gerschau
Explaining the most important concepts around PWAs followed by a step by step tutorial, using Webpack, Workbox and TypeScript.
Как я использовал Brotli для получения еще меньших файлов CSS и JavaScript на CDN
https://css-tricks.com/how-i-used-brotli-to-get-even-smaller-css-and-javascript-files-at-cdn-scale/
https://css-tricks.com/how-i-used-brotli-to-get-even-smaller-css-and-javascript-files-at-cdn-scale/
CSS-Tricks
How I Used Brotli To Get Even Smaller CSS And JavaScript Files At CDN Scale | CSS-Tricks
This article is about my experience using Brotli at production scale. Despite being really expensive and a truly unfeasible method for on-the-fly compression, Brotli is actually very economical and saves cost on many fronts, especially when compared with…
Антипаттерны JavaScript — прототипы, Switch и многое другое
https://medium.com/swlh/javascript-antipatterns-prototypes-switch-and-more-e8bce5122383
https://medium.com/swlh/javascript-antipatterns-prototypes-switch-and-more-e8bce5122383
Medium
JavaScript Antipatterns — Prototypes, Switch, and More
Not modifying built-in prototypes, not using eval, and more.
Как пройти собеседование в GitLab, попасть в команду разработчиков Vue и стать Staff-engineer
https://habr.com/ru/company/ruvds/blog/505480/
https://habr.com/ru/company/ruvds/blog/505480/
Хабр
Как пройти собеседование в GitLab, попасть в команду разработчиков Vue и стать Staff-engineer
В конце мая в нашем инстаграм-аккаунте выступала Наталья Теплухина — Vue.js core team member, GoogleDevExpret и фронтенд-разработчица. Мы анонсировали ее как Senoir, но за неделю до прямого...
12 советов по внедрению TypeScript в React-приложениях
https://habr.com/ru/company/tinkoff/blog/505488/
https://habr.com/ru/company/tinkoff/blog/505488/
Хабр
12 советов по внедрению TypeScript в React-приложениях
TypeScript — стандарт современной фронтенд-разработки. Согласно исследованиям State of JavaScript, TS вызывает явный интерес у программистов. По данным опроса за...
Гибридное позиционирование с CSS переменными и max()
https://lea.verou.me/2020/06/hybrid-positioning-with-css-variables-and-max/
https://lea.verou.me/2020/06/hybrid-positioning-with-css-variables-and-max/
JS/ES2020: Optional Chaining and Nullish Coalescing.
Александр Майоров с описанием новых фич, которые можно использовать уже сегодня.
https://tech.geekjob.ru/js-optional-chainingand-nullish-coalescing/
Александр Майоров с описанием новых фич, которые можно использовать уже сегодня.
https://tech.geekjob.ru/js-optional-chainingand-nullish-coalescing/
Понимание ES-модулей в JavaScript - способы подключения модулей, статический и динамический импорт.
https://blog.bitsrc.io/understanding-es-modules-in-javascript-a28fec420f73
https://blog.bitsrc.io/understanding-es-modules-in-javascript-a28fec420f73
Уязвимости безопасности в React, которые вы никогда не должны игнорировать
https://www.simform.com/react-security-vulnerabilities-solutions/
https://www.simform.com/react-security-vulnerabilities-solutions/
Forwarded from Sleepless tech | Евгений J
Вспомнил прикольный лайфхак.
Для рабочего проекта пытался поставить пакет webpack-node-externals на Windows 10, но упорно ловил ошибки компиляции от node-gyp (тулза для сборки npm пакетов).
Для установки некоторых пакетов требуется Visual Studio C++ и еще доп тулзы, которые винда почему то не видит.
Но на Windows 10 есть встроенная Ubuntu (если нет, то можете поставить ее из microsoft store). Открываем терминал Ubuntu, переходим в папку /mnt и далее в директории винды и к нашему проекту. Запускаем
Для рабочего проекта пытался поставить пакет webpack-node-externals на Windows 10, но упорно ловил ошибки компиляции от node-gyp (тулза для сборки npm пакетов).
Для установки некоторых пакетов требуется Visual Studio C++ и еще доп тулзы, которые винда почему то не видит.
Но на Windows 10 есть встроенная Ubuntu (если нет, то можете поставить ее из microsoft store). Открываем терминал Ubuntu, переходим в папку /mnt и далее в директории винды и к нашему проекту. Запускаем
npm i webpack-node-externals.....Profit)