Наш подписчик работал над крупным корпоративным SPA на React с использованием Emotion для стилизации компонентов. В какой-то момент приложение стало заметно «тормозить» после нескольких переключений между разделами:
«Заглянув в DevTools, увидел, что <head> заполняется дублирующимися <style>-тегами. Оказалось, я каждый раз создавал новый Emotion-cache при рендере, и старые стили не удалялись — вечером перенёс провайдер кеша в корень приложения, и лаги исчезли.»
#междусобойчик
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔4❤2👾1
Proglib Academy — это место, где вы превращаете теорию в практику. Здесь ваши знания становятся проектами для портфолио, а вы — более уверенным специалистом.
Выберите курс, который поможет сделать следующий шаг ⬇️
🚀 Для тех, кто начинает путь в IT:
— Основы IT для непрограммистов
— Программирование на Python (обновлённый)
— Frontend-разработчик с нуля: HTML, CSS, JavaScript
🧠 Для будущих и настоящих Data Scientist'ов:
— ML для старта в Data Science (начинается в сентябре)
— Базовые модели ML и приложения
— Математика для Data Science
— AI-агенты для DS-специалистов (скоро второй поток)
🛠️ Для опытных разработчиков, готовых к росту:
— Алгоритмы и структуры данных
— Архитектуры и шаблоны проектирования
Независимо от вашей цели, у нас есть курс, который поможет её достичь. Переходите в Proglib Academy, выбирайте свой путь и инвестируйте в навыки, которые всегда будут в цене!
Выберите курс, который поможет сделать следующий шаг ⬇️
🚀 Для тех, кто начинает путь в IT:
— Основы IT для непрограммистов
— Программирование на Python (обновлённый)
— Frontend-разработчик с нуля: HTML, CSS, JavaScript
🧠 Для будущих и настоящих Data Scientist'ов:
— ML для старта в Data Science (начинается в сентябре)
— Базовые модели ML и приложения
— Математика для Data Science
— AI-агенты для DS-специалистов (скоро второй поток)
🛠️ Для опытных разработчиков, готовых к росту:
— Алгоритмы и структуры данных
— Архитектуры и шаблоны проектирования
Независимо от вашей цели, у нас есть курс, который поможет её достичь. Переходите в Proglib Academy, выбирайте свой путь и инвестируйте в навыки, которые всегда будут в цене!
😁4👍2
why-did-you-render — это дебаг-библиотека для React, которая показывает, что именно вызвало лишний ререндер компонента.
В консоли видно, какие пропсы или состояние изменились — даже если данные по сути остались теми же. Это помогает быстро вычислить узкие места
Что умеет:
— Сравнивает старые и новые пропсы/стейт
— Подсвечивает !==-сравнения, где изменения фиктивны
— Работает с функциями и классами, включая memo, useMemo, useCallback
Пример использования:
import React from 'react';
import whyDidYouRender from '@welldone-software/why-did-you-render';
whyDidYouRender(React, {
trackAllPureComponents: true
});
#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥14👍5❤3⚡3
В JavaScript одну и ту же функцию можно объявить по-разному — и это влияет на поведение кода.
В карточках разобрали:
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
2❤7👍2🥱2
Please open Telegram to view this post
VIEW IN TELEGRAM
😁6💯4
Какая команда активно продвигала React на старте?
Anonymous Quiz
25%
Twitter
21%
Airbnb
12%
Netflix
42%
Instagram
🤔5🌚3
🧐 Зоопарк моделей в ML: с чего начать?
Открываешь статью по машинному обучению — и в тебя летят слова: трансформеры, бустинги, SVM, регрессии.
Кажется, придётся учить всё это, иначе в ML не пустят.
Хорошая новость: 90% задач можно закрыть 2–3 классическими методами. Разберёшь их — уже сможешь собирать работающие проекты. А хайповые названия подождут.
Важно: не распыляйся на всё подряд. Начни с базового — это фундамент, на котором держится остальное.
👉 Успей попасть на курс «ML для старта в Data Science»
Открываешь статью по машинному обучению — и в тебя летят слова: трансформеры, бустинги, SVM, регрессии.
Кажется, придётся учить всё это, иначе в ML не пустят.
Хорошая новость: 90% задач можно закрыть 2–3 классическими методами. Разберёшь их — уже сможешь собирать работающие проекты. А хайповые названия подождут.
Важно: не распыляйся на всё подряд. Начни с базового — это фундамент, на котором держится остальное.
👉 Успей попасть на курс «ML для старта в Data Science»
🔥4
Не всегда баги в логике — часто проблемы в визуале: съехавшие элементы, неверные отступы, несогласованные цвета, низкая читаемость. Эти инструменты помогут протестировать именно UI.
Браузер для фронтендеров, который позволяет одновременно тестировать адаптивность, доступность и дизайн на разных экранах.
Среда для разработки и изолированного тестирования UI-компонентов, что помогает находить визуальные баги ещё до интеграции.
Инструмент для визуального регрессионного тестирования, автоматически фиксирует и сравнивает изменения интерфейса между версиями.
Проверяет контрастность текста и фона на соответствие стандартам WCAG, чтобы интерфейс был читаем для всех пользователей.
Расширение для Chrome, позволяющее прямо в браузере изменять CSS, проверять позиционирование и оперативно тестировать UI.
#свежак
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6❤2👍2
В вашем приложении есть список из 1000+ элементов, который подгружается на страницу сразу. Пользователь жалуется на низкую производительность и долгую загрузку страницы.
#междусобойчик
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3🤔1
Frontend‑разработчик — от 100 000 ₽, гибрид (Санкт-Петербург)
Senior Frontend-разработчик (React) — от 270 000 до 320 000 ₽, удаленно (Санкт-Петербург)
Frontend developer Junior/Junior+ — удаленно (Москва)
Senior React Developer — от 220 000 до 300 000 ₽, удаленно (Москва)
Frontend Developer — от 4 500 до 5 500 €, удаленно (Кипр, помощь с переездом)
#свежак
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4❤2👍1
Частая проблема — пользователь меняет фильтр или вводит новый запрос, а старые
fetch всё ещё летят на сервер.В итоге:
— Лишняя нагрузка на бэкенд
— Дублирующийся трафик
— Мешанина в результатах
AbortController.
const c = new AbortController();
fetch('/search?q=cat', { signal: c.signal });
// отмена
c.abort();
Минимум кода, максимум пользы — особенно в поиске и live-фильтрах. Работает и в
axios (v1.2+), и во всех современных браузерах.#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11❤3🔥1
В статье команда «М.Видео – Эльдорадо» делится опытом миграции с Vue 2 на Vue 3, перехода на Vite и TypeScript, а также оптимизацией зависимостей.
Все это позволило ускорить сборку и уменьшить вес проекта без приостановки разработки новых фич
Что вы узнаете:
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6🥱3👍1
Свежий выпуск Syntax— Wes Bos и Scott Tolinski обсуждают горячие новости веб-разработки.
В выпуске:
Четко, свежо и с прогнозами на будущее фронтенда.
#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5👍2🔥2
🔥 Успей поднять квалификацию по выгодной цене!
Только до 17 августа у вас есть последняя возможность купить наши курсы по старым ценам.
🔹 Математика для Data Science:
— Базовый: (сейчас)
— Ультра:
— VIP:
🔹 Программирование на Python:
🔹 Алгоритмы и структуры данных:
🔹 Архитектуры и шаблоны проектирования:
🔹 AI-агенты для DS специалистов:
🔹 Основы IT для непрограммистов:
🔹 Базовые модели ML:
❗ Важно: Курсы из линейки Frontend Basic полностью снимаются с продажи. 17 августа — буквально последний день, когда их можно будет приобрести.
Успей купить до повышения — осталось 4 дня!
👉 Зафиксировать цену и начать учиться
Только до 17 августа у вас есть последняя возможность купить наши курсы по старым ценам.
🔹 Математика для Data Science:
— Базовый: (сейчас)
26 399₽ → (будет) 33 900₽— Ультра:
35 199₽ → 44 900₽— VIP:
59 829₽ → 75 900₽ (выгода больше 16 000₽!)🔹 Программирование на Python:
24 990₽ → 32 900₽🔹 Алгоритмы и структуры данных:
31 669₽ → 39 900₽🔹 Архитектуры и шаблоны проектирования:
24 890₽ → 32 900₽🔹 AI-агенты для DS специалистов:
54 000₽ → 59 000₽🔹 Основы IT для непрограммистов:
14 994₽ → 19 900₽🔹 Базовые модели ML:
6 990₽ → 9 900₽❗ Важно: Курсы из линейки Frontend Basic полностью снимаются с продажи. 17 августа — буквально последний день, когда их можно будет приобрести.
Успей купить до повышения — осталось 4 дня!
👉 Зафиксировать цену и начать учиться
❤4🥱4