🚀 Как ускорить React на 300%: реальный кейс

Виртуальный DOM — вещь полезная, но не всемогущая. Если каждый клик запускает цепочку ререндеров, он не спасёт. Со временем даже шустрое React-приложение превращается в тормозящего гиганта.

Что в статье:

📍 Разбор реального кейса: как e-commerce приложение превратилось из быстрого в тормозное, и что помогло это исправить

📍 Причины медленной работы: ненужные ререндеры, монолитные компоненты, неоптимальный context

📍 Использование инструментов: React DevTools, why-did-you-render, профилирование

📍 Практические примеры кода «до» и «после»

📍 Хаки и техники: React.iss.onemo, useCallback, useMemo, react-window, динамическая загрузка компонентов

🔗 Читать статью

🐸 Библиотека фронтендера

Ночное-полезное: нашёл прикольный инструмент для работы с базами данным с капелькой нейросетей — Database Build 💃

Можно написать «Создай базу для пиццерии» и получить готовую структуру с таблицами, связями и диаграммами.

Получившиеся таблицы можно править, генерить в них тестовые данные, а потом импортировать в SQL или задеплоить на Supabase (а скоро подвезут и AWS).

Это бесплатно

Вы теперь не просто кодеры, вы теперь ПИСАТЕЛИ — нашёл прикольный метод написания комментариев к коду от Дональда Кнута.

По его методике literate programming вы должны писать код не для компилятора, а для человека. Получается такой себе интерактивный рассказ, где каждая строчка и блок сопровождаются чуть ли не поэтичным описанием.

Разумеется, в таком виде оно работать не будет, поэтому есть специальный инструмент, который разделяет .lit файл на исполняемый .py, .sh или что там у вас и на HTML-документацию — чтобы читать её как красиво оформленный рассказ с подсветкой кода.

Из плюсов: обновление кода автоматом обновляет и документацию. Из минусов: ну я же понимаю, что вы этим заниматься не будете 😁

Зато это очень прикольная штука, если вам нужно сделать учебный или исследовательский код, чтобы поднатаскать джунов после курсов.