Как сделать 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)
5 альтернатив React Redux в 2020 году
MobX определенно стоит попробовать 😉
https://blog.bitsrc.io/redux-react-alternatives-c1733793a339
MobX определенно стоит попробовать 😉
https://blog.bitsrc.io/redux-react-alternatives-c1733793a339
Medium
5 Alternatives to React Redux in 2020
Reducing boilerplates and cutting out the middleman with Redux alternatives for React applications.
Минифицируем приватные поля в TypeScript.
Алексей Гусев о своём опыте оптимизации и что из этого вышло.
Спойлер: эффект не супер, но почитать интересно.
https://habr.com/ru/company/yandex/blog/506030/
Алексей Гусев о своём опыте оптимизации и что из этого вышло.
Спойлер: эффект не супер, но почитать интересно.
https://habr.com/ru/company/yandex/blog/506030/
Хабр
Минифицируем приватные поля в TypeScript. Доклад Яндекса
Меня зовут Лёша Гусев, я работаю в команде разработки видеоплеера Яндекса. Если вы когда-нибудь смотрели фильмы или трансляции на сервисах Яндекса, то использовали именно наш плеер. Я сделал...
Валидация форм Svelte с Yup
Yup - библиотека для валидации, использующая схемы.
https://dev.to/codechips/svelte-form-validation-with-yup-2a72
Yup - библиотека для валидации, использующая схемы.
https://dev.to/codechips/svelte-form-validation-with-yup-2a72
DEV Community
Svelte form validation with Yup
Form validation is hard. That's why there are so many different form handling libraries for the popul...
Руководство для начинающих по WEBPACK (Очень простое)
Сколько лет уже его использую, но все еще читаю руководства)
https://webdevblog.ru/ochen-prostoe-rukovodstvo-dlya-nachinajushhih-po-webpack/
Сколько лет уже его использую, но все еще читаю руководства)
https://webdevblog.ru/ochen-prostoe-rukovodstvo-dlya-nachinajushhih-po-webpack/
Event listeners and garbage collection.
Парочка примеров об утечках памяти при работе с асинхронными функицями (garbage collector спасает)
https://jakearchibald.com/2020/events-and-gc/
Парочка примеров об утечках памяти при работе с асинхронными функицями (garbage collector спасает)
https://jakearchibald.com/2020/events-and-gc/
Jakearchibald
Event listeners and garbage collection
The browser is pretty smart when it comes to GCing listeners…
Создание прогрессивного веб-приложения и его развертывание
https://dev.to/kgprajwal/building-a-progressive-web-app-and-deploying-it-10p7
https://dev.to/kgprajwal/building-a-progressive-web-app-and-deploying-it-10p7
DEV Community
Building a Progressive Web App and Deploying it
In my previous article (which, thanks to you guys, became the top article of the week) I had discusse...