Работа с массивами и объектами — не только про хранение данных, но и про правильную трансформацию, фильтрацию и аккумулирование значений, соблюдая иммутабельность.
Что в карточках:
map, filter и reducereduce с объяснением аргументов и отличий от forEachreduce — классические кейсы на собеседованиях.Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5🔥1
Please open Telegram to view this post
VIEW IN TELEGRAM
💯9❤2🌚2😁1
Полезный репозиторий для фронтенд-разработчиков: список всего, что нужно проверить перед запуском проекта.
📑 В каждом разделе есть ссылки на статьи, тулзы и видео для проверки.
#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9🔥1
Event loop — сердце JavaScript. Чтобы писать быстрый и стабильный фронтенд, важно уметь управлять задачами в его очередях. Подборка актуальных материалов:
#свежак
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5🎉1👾1
🗿 Незаметные ререндеры
— Даже если filters не меняются, при любом апдейте родителя все Item снова ререндерятся.
❓ Почему так происходит?
🐸 Библиотека фронтендера
#междусобойчик
const FiltersContext = createContext({ filters: {} });
function App({ filters, items }) {
return (
<FiltersContext.Provider value={{ filters }}>
{items.map(i => <Item key={i.id} />)}
</FiltersContext.Provider>
);
}
— Даже если filters не меняются, при любом апдейте родителя все Item снова ререндерятся.
#междусобойчик
Please open Telegram to view this post
VIEW IN TELEGRAM
🌚17❤2🔥1
🔥 Не пропустите событие осени для AI-комьюнити
24 сентября, 19:00 Мск — бесплатный вебинар с Максимом Шаланкиным «ИИ-агенты: новая фаза развития искусственного интеллекта»
😤 Пока все спорят, «боты это или нет», мы покажем, как работают настоящие агенты: с планированием, инструментами и памятью. За час Максим разберёт:
— почему ИИ-агенты сейчас на пике инвестиций
— чем они отличаются от ChatGPT и обычных моделей
— цикл агента: восприятие → планирование → действие → обучение
— живое демо простого агента
— как бизнес уже получает ROI до 80%
⚡️ Хотите спросить у Максима всё, что обычно остаётся «за кадром»? Ловите шанс — только в прямом эфире.
⏰ Мест мало, регистрация закроется, как только забьём комнату
24 сентября, 19:00 Мск — бесплатный вебинар с Максимом Шаланкиным «ИИ-агенты: новая фаза развития искусственного интеллекта»
😤 Пока все спорят, «боты это или нет», мы покажем, как работают настоящие агенты: с планированием, инструментами и памятью. За час Максим разберёт:
— почему ИИ-агенты сейчас на пике инвестиций
— чем они отличаются от ChatGPT и обычных моделей
— цикл агента: восприятие → планирование → действие → обучение
— живое демо простого агента
— как бизнес уже получает ROI до 80%
⚡️ Хотите спросить у Максима всё, что обычно остаётся «за кадром»? Ловите шанс — только в прямом эфире.
⏰ Мест мало, регистрация закроется, как только забьём комнату
🔥4
Разработчик фронтенда — от 300 000 до 490 000 ₽, офис/гибрид (Москва)
JS React Frontend Developer — от 4 000 $, удаленно (Москва)
Frontend разработчик (React) — удаленно (Санкт-Петербург)
MultiTrack для фронтенд-разработчиков — от 250 000 ₽, офис/гибрид (Москва)
Senior WEB Developer — от 300 000 ₽, удаленно (Москва)
#свежак
Please open Telegram to view this post
VIEW IN TELEGRAM
🌚3🔥2
{items.map((item, index) => (
<li key={index}>
<input value={item.name} />
</li>
))}
<li key=0> остался тем же.В итоге сбивается фокус и теряется ввод.
{items.map((item) => (
<li key={item.id}>
<input value={item.name} />
</li>
))}
id сохраняет правильное соответствие элементов, и UI ведёт себя предсказуемо.index только если список точно статичен (например, меню без состояния). В остальных случаях всегда нужен стабильный уникальный ключ (id).#hotfix #react
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7👍1👏1
Часто мы думаем, что async/await — панацея от блокировок и лагов. Но на самом деле внутри браузера всё куда сложнее: event loop, microtasks, rendering pipeline.
#under_hood #js
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤8👏1
#read_watch #react #angular #js
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3🔥1