В JavaScript одну и ту же функцию можно объявить по-разному — и это влияет на поведение кода.
В карточках разобрали:
#read_watch
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7🥰2
This media is not supported in your browser
VIEW IN TELEGRAM
Нашли open-source подборку анимаций для переключения светлой и тёмной темы.
Хороший источник идей, если обычный toggle уже кажется слишком скучным.
#stack
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰6👍4🔥1
Почему нельзя вызывать Hooks внутри if, for или switch?
Если в одном рендере Hook вызвался, а в следующем — нет (например, из-за if), порядок нарушится. Тогда React начнет сопоставлять состояния и эффекты не тем Hook’ам, что приведет к ошибкам и непредсказуемому поведению.
Hooks всегда должны вызываться на верхнем уровне компонента или собственного Hook’а — без условий, циклов и switch. Если логика зависит от условия, проверку нужно делать внутри Hook’а.
👍 — знал/а
🔥 — стало понятнее
#career_merge
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14🔥8🥰2
Хороший Data Grid помогает быстрее находить информацию, снижает количество ошибок и остается отзывчивым даже при работе с большими объемами данных.
Вот что считается хорошей практикой:
Цвета, бейджи и иконки позволяют мгновенно увидеть статус, предупреждение или критичное значение.
Цвета, отступы и типографика должны наследоваться от общей дизайн-системы, а не быть разбросаны по CSS.
Таблица должна одинаково хорошо выглядеть в светлой и темной теме, сохраняя контраст и читаемость.
Для больших наборов данных виртуализируйте строки и избегайте тяжелых инлайновых стилей и лишних перерисовок.
Поддержка клавиатурной навигации, Screen Reader, фокус-состояний и достаточного контраста — уже базовое требование.
На планшетах и небольших экранах таблица должна корректно менять ширину колонок, сохраняя удобство работы.
#blueprint #react
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7🥰2🔥1
🚀 Уже завтра стартует новый поток курса «ИИ-агенты»!
Мы собрали мощнейший состав преподавателей. Учить вас проектировать архитектуру и собирать продакшн-агентов будут инженеры и исследователи из топовых IT-компаний.
Старт уже завтра!
Сомневаетесь, подойдет ли вам программа и подача? Начните с бесплатного демо-урока!
Всего за 2 часа вы заглянете под капот ИИ-агента, поймете, чем мышление модели отличается от ее ответа, и научите систему чинить собственный код. Это идеальный способ протестировать нашу платформу перед покупкой.
🔗 Пройти демо-урок и занять место на курсе
Мы собрали мощнейший состав преподавателей. Учить вас проектировать архитектуру и собирать продакшн-агентов будут инженеры и исследователи из топовых IT-компаний.
Старт уже завтра!
Сомневаетесь, подойдет ли вам программа и подача? Начните с бесплатного демо-урока!
Всего за 2 часа вы заглянете под капот ИИ-агента, поймете, чем мышление модели отличается от ее ответа, и научите систему чинить собственный код. Это идеальный способ протестировать нашу платформу перед покупкой.
🔗 Пройти демо-урок и занять место на курсе
🥰3👍1🔥1
Еще недавно для tooltip, dropdown и popover почти всегда подключали Popper.js или похожие библиотеки. Теперь большую часть этой работы берет на себя браузер благодаря CSS Anchor Positioning.
#under_hood #css
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🥰3❤1
This media is not supported in your browser
VIEW IN TELEGRAM
ChatbotLite — open source-виджет, который позволяет быстро добавить AI-чат в React-приложение.
Что умеет:
— Работает с React, Next.js, Shopify и WordPress
— Поддерживает 10+ LLM, включая OpenAI, Gemini, Groq, DeepSeek и Mistral
— Автоматически переключается между моделями при ошибках
— Использует ваши API-ключи (BYOK)
— Весит менее 50 КБ (gzipped)
import { ChatWidget } from "chatbotlite/react";
<ChatWidget
endpoint="/api/chat"
title="Acme"
/>
Такой виджет подойдет для документации, внутренних инструментов, FAQ, поддержки пользователей и AI-функций в собственных продуктах.
#stack
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4❤1🔥1🥰1🙏1
🔥 Стартуем СЕГОДНЯ! Новый поток курса «Разработка ИИ-агентов» открыт
По этому поводу мы решили выложить закрытую запись одного из уроков из программы. Найти её в поиске YouTube нельзя — она доступна только по ссылке и всем, кто будет на курсе.
Внутри глубокий разбор LLM от Алексея Яндутова (Senior ML-инженер, развивал ответы «Алисы» и «Нейро» в Яндексе). Учимся получать точный результат без галлюцинаций.
Что внутри урока:
После просмотра вы поймете, когда хватает промпт-инжиниринга, а когда нужен RAG или fine-tuning.
👉Смотреть закрытый урок на YouTube
Понравился урок? Переходите на новый уровень! Оставляйте заявку на курс, чтобы научиться проектировать надежные автономные системы. Обучение началось, но вы еще успеваете присоединиться.
🔗 Занять место на курсе
По этому поводу мы решили выложить закрытую запись одного из уроков из программы. Найти её в поиске YouTube нельзя — она доступна только по ссылке и всем, кто будет на курсе.
Внутри глубокий разбор LLM от Алексея Яндутова (Senior ML-инженер, развивал ответы «Алисы» и «Нейро» в Яндексе). Учимся получать точный результат без галлюцинаций.
Что внутри урока:
- Устройство LLM.
- Рабочие шаблоны промптов (Persona, Chain-of-Thought и др.).
- Разбор реального кейса Яндекса. Как автоматизировать разметку, обойти качество людей на 5% и срезать косты на 60%.
После просмотра вы поймете, когда хватает промпт-инжиниринга, а когда нужен RAG или fine-tuning.
👉Смотреть закрытый урок на YouTube
Понравился урок? Переходите на новый уровень! Оставляйте заявку на курс, чтобы научиться проектировать надежные автономные системы. Обучение началось, но вы еще успеваете присоединиться.
🔗 Занять место на курсе
🥰2
Пожалуй, лучший материал 2026 года, который отвечает на этот вопрос.
Без бесконечных терминов и рекламных лозунгов — только последовательная история того, почему появились React, сборщики, SSR, гидратация, TypeScript, современные фреймворки и AI-инструменты.
#read_watch
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5🥰2
🤔 Что сложнее поддерживать со временем?
❤️ — большой компонент
🔥 — слишком глубокую вложенность компонентов
📍 Навигация: [Вакансии]
🐸 Библиотека фронтендера
#code_challenge
❤️ — большой компонент
🔥 — слишком глубокую вложенность компонентов
#code_challenge
Please open Telegram to view this post
VIEW IN TELEGRAM
Telegram
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
Все самое полезное для фронтенда в одном канале.
Наши курсы: https://clc.to/WV2U4g
По рекламе: @proglib_adv
Для обратной связи: @proglibrary_feeedback_bot
РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
Наши курсы: https://clc.to/WV2U4g
По рекламе: @proglib_adv
Для обратной связи: @proglibrary_feeedback_bot
РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
🔥24❤21🌚2🥰1
Разбираем главные идеи, которые помогли добиться высокой производительности
#under_hood
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰6👏1
Полифиллы часто критикуют за то, что они занимают имена будущих API и могут ограничивать разработчиков стандартов.
Главная польза полифиллов в другом:
♾ позволяют использовать новые возможности до полной поддержки браузерами;♾ переключаются на нативную реализацию, когда она появляется;♾ дают стандартам обратную связь от реальных проектов;♾ не позволяют одному отстающему браузеру тормозить развитие всей платформы.
Проблемы возникают когда востребованная возможность слишком долго не получает стабильного стандарта и нативных реализаций.
#blueprint #web_platform
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🥰2🔥1