Библиотека фронтендера - JS React

🤑 Function Declaration vs Expression — в чём разница В JavaScript одну и ту же функцию можно объявить по-разному — и это влияет на поведение кода. В карточках разобрали: 😗 Чем отличается function declaration от function expression 😗 Почему одна работает до строки, а другая — падает с ошибкой 😗 Какой пример можно привести на собеседовании 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #read_watch

🤔 Что изменится после того, как пользователь введёт текст в ? ❤️ — атрибут value 🔥 — свойство value 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #code_challenge

🎮 Создание пользовательского хука useFormStatus Проблема: повторное использование логики состояния формы может привести к дублированию кода и усложнению поддержки. Решение: в книге «Learn React Hooks, 2nd Edition» автор предлагает создать пользовательский хук useFormStatus для инкапсуляции логики состояния формы, что позволяет повторно использовать её в разных компонентах. Пример кода: import { useState } from 'react'; function useFormStatus() { const [isSubmitting, setIsSubmitting] = useState(false); const [error, setError] = useState(null); const submit = async (action) => { setIsSubmitting(true); try { await action(); } catch (err) { setError(err); } finally { setIsSubmitting(false); } }; return { isSubmitting, error, submit }; } function LoginForm() { const { isSubmitting, error, submit } = useFormStatus(); const handleSubmit = () => { submit(async () => { // Асинхронная отправка данных }); }; return ( {isSubmitting ? 'Submitting...' : 'Submit'} {error && {error.message} } ); } Преимущества: — Инкапсуляция логики состояния формы. — Повторное использование кода. — Упрощение компонентов форм. 🔤 Еще больше полезных книг — в нашем канале @progbook 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #readme

🔥 Не называйте любого продвинутого чат-бота «ИИ-агентом»! Дмитрий Юдин, руководитель AI/ML-направления в Сloud․ru, наглядно разбирает уровни абстракции ИИ-продуктов и убирает путаницу в понятиях. Что внутри видео: - Почему ассистент и агент принципиально разные сущности; - Как ассистент может быть просто «обёрткой» над LLM, а может скрывать под капотом сложнейшую мультиагентную систему; - Как понимать архитектуру глубже, чтобы проектировать сильные решения. Начните создавать агентные системы с нашего бесплатного демо-урока. Всего за 2 часа разберем внутреннее устройство агента, научим его чинить свой собственный код и сохранять контекст после перезапуска. 🔗 Забрать бесплатный демо-урок

⚡️ ECMAScript 2026 официально принят: что нового в JavaScript В новой версии стандарта появилось сразу несколько полезных возможностей: 🅰️ Array.fromAsync() — превращает асинхронный итератор в массив без for await. 🅰️ Error.isError() — безопасная проверка, действительно ли объект является ошибкой. 🅰️ Math.sumPrecise() — более точное сложение чисел с плавающей точкой. 🅰️ Base64 и Hex для Uint8Array — встроенные методы кодирования и декодирования без сторонних библиотек. 🅰️ Iterator.concat() — объединение нескольких итераторов одной строкой. 🅰️ Улучшения JSON.parse() — доступ к исходному тексту значения, что упрощает работу с BigInt и очень большими числами. 🅰️ Map.getOrInsert() — добавляет значение только при отсутствии ключа, избавляя от привычной связки has() + set(). Большинство нововведений небольшие, но они делают код заметно чище и постепенно избавляют от вспомогательных утилит. 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #release_digest #javascript

🔥 200+ лучших ресурсов для веб-разработчиков — всё в одном месте Если устали каждый раз искать хорошие библиотеки, сервисы или статьи — сохраните эту подборку. Внутри: 🈂️ обучающие материалы и документация 🈂️ UI-библиотеки и компоненты 🈂️ CSS- и JavaScript-инструменты 🈂️ API и полезные сервисы 🈂️ хостинги и платформы для деплоя 🈂️ браузерные расширения 🈂️ генераторы, онлайн-инструменты и многое другое Проект регулярно обновляется, а все материалы доступны как на сайте, так и на GitHub 🔗 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #stack

⭐️ Подборка материалов по работе с состояниями в Vue В этой подборке мы сосредоточимся на использовании watch и watchEffect в Vue.js для отслеживания изменений в данных и выполнения действий в ответ на эти изменения. 1. Watch и WatchEffect на практике — примеры самых часто используемых компонентов вместе с наблюдателями. 2. Работа с состоянием во Vue и React — отличия, использование, как перекликаются между двумя фреймворками. 3. watch vs watchEffect — когда использовать какой подход 4. Как выбрать библиотеку для управления состоянием — преимущества и недостатки Vuex и Pinia, а также советы по выбору подходящего инструмента для вашего проекта. 5. watchEffect — введение в watchEffect, который автоматически отслеживает все реактивные зависимости внутри своей функции. 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #read_watch

🤨 Как заставить AI-агента не ломать архитектуру, а нормально писать код? Мы привыкли общаться с ИИ промптами, но для автономных систем это путь к бесконечным циклам и сливу бюджета. Чтобы убрать хаос, инженеры переходят на Spec-Driven Development (SDD). Вот как этот подход меняет работу агента на практике: 🔹Контракт вместо текста. Сначала пишется строгая спецификация (JSON-схема/OpenAPI) и автотесты. Агент зажат в рамки интерфейсов, за которые физически не может выйти. 🔹Контроль на шагах. Внутри петли Think-Act-Observe агент сверяет действия со спецификацией. 🔹Саморефлексия. Если ИИ нарушил типы или «додумал» лишнее, тест падает. Агент получает ошибку в контекст и сам правит код, не выходя за рамки ТЗ. Это лишь база того, как укротить ИИ-разработку. Если вы хотите глубоко внедрить эту методологию, научиться проектировать архитектурные контракты и собирать отказоустойчивые системы — оставляйте заявку на наш новый курс по Spec-Driven Development. Стартуем совсем скоро🙂

😎😎 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #pixel_pause