Как уменьшить размер React приложения ⚛️
#jsarticle #javascript #react #frontend #webdev #preact #jsx #parcel
#jsarticle #javascript #react #frontend #webdev #preact #jsx #parcel
Telegraph
Как уменьшить размер React приложения
Одна из самых больших проблем фреймворков на данный момент это их огромный бандл. Иногда он может весить от 300кб до 1 мб, а сама папка с проектом, включая node_modules, может весить до 200 мб! Сегодня мы попытаемся сжать наш бандл до ~50-100 Кб. Шаг 1: Убираем…
Debug Anything - серия постов про введение в дебаггинг JavaScript и TypeScript кода в VS Code
Часть 1: База
Часть 2: Навигация с шагами
Часть 3: Редактирование переменных и перезапуск функций
Часть 4: launch.json и консоль дебага
Часть 5: дебаг React приложений
Часть 6: дебаг React + TypeScript в Parcel
#debug #frontend #webdev #jsarticle #javascript #typescript #react #parcel
Часть 1: База
Часть 2: Навигация с шагами
Часть 3: Редактирование переменных и перезапуск функций
Часть 4: launch.json и консоль дебага
Часть 5: дебаг React приложений
Часть 6: дебаг React + TypeScript в Parcel
#debug #frontend #webdev #jsarticle #javascript #typescript #react #parcel
Charlesagile
Debug anything: The basics
In the coming weeks, we'll look at how to debug your JavaScript and TypeScript code, the professional way. Instead of sprinkling `console.log` all around, we'll learn how to use the debugger built into Visual Studio Code.
Parcel 2 Beta 3
- компилятор был переписан на Rust и стал в 10 раз быстрее
- tree-shaking для динамических импортов
- tree-shaking для CSS модулей
- новый флаг:
- HMR для плагинов (полезно при разработке плагинов для Parcel)
- меньше зависимостей
#jsrelease #javascript #parcel #jstools #frontend #webdev
- компилятор был переписан на Rust и стал в 10 раз быстрее
- tree-shaking для динамических импортов
- tree-shaking для CSS модулей
- новый флаг:
--lazy. при его включении Parcel будет собирать только те файлы, которые меняются- HMR для плагинов (полезно при разработке плагинов для Parcel)
- меньше зависимостей
#jsrelease #javascript #parcel #jstools #frontend #webdev