На фронте - javascript, html, css

🤖 Автоматон: Саморазвивающийся и самовоспроизводящийся ИИ Репозиторий представляет собой первую в мире самоуправляемую ИИ-систему, способную зарабатывать на свое существование, самостоятельно улучшаться и воспроизводиться. Автоматон работает в непрерывном цикле, получая доступ к реальному миру и управляя своими ресурсами без человеческого вмешательства. 🚀 Основные моменты: - Самостоятельное создание и управление ИИ-агентами. - Способность к самообучению и самовоспроизводству. - Использует Ethereum для управления финансами и идентификацией. - Внутренние законы для обеспечения безопасности и этики. - Возможность редактирования собственного кода и модификации навыков. 📌 GitHub: https://github.com/Conway-Research/automaton #javascript

⚡️ TypeScript 6.0 Beta - что нового Microsoft выпустили TypeScript 6.0 Beta. В релизе — улучшения производительности, более точная типизация и изменения, которые упрощают работу с большими проектами. Вот основные изменения. Быстрее работа компилятора - Улучшена производительность проверки типов - Быстрее сборка крупных проектов - Оптимизации для больших monorepo TypeScript продолжает фокусироваться на скорости, особенно для больших кодовых баз. Улучшения типизации - Более точный вывод типов в сложных сценариях - Улучшения для generics - Лучшая работа с union и conditional types Меньше ситуаций, где приходится явно указывать типы вручную. ECMAScript и совместимость - Поддержка новых возможностей JavaScript - Улучшенная совместимость с современными runtime и bundler’ами - Обновления для работы с Node.js и современными инструментами сборки Инструменты и DX - Более понятные сообщения об ошибках - Улучшения в Language Service (автодополнение, навигация) - Улучшенная работа редакторов (VS Code и др.) Почему это важно Релиз не про новые «синтаксические фичи», а про: - скорость - стабильность - удобство разработки - масштабируемость для больших проектов Если у вас большой TypeScript-проект, обновление может дать заметный прирост производительности. 💥 Подробности: https://devblogs.microsoft.com/typescript/announcing-typescript-6-0-beta/ 💥 Видео: https://www.youtube.com/watch?v=CbHJlBToYQM

🖥️🔄 Codex Desktop Rebuild: Кроссплатформенное приложение на Electron Codex Desktop Rebuild — это кроссплатформенная версия приложения OpenAI Codex, построенная на Electron. Поддерживаются macOS, Windows и Linux, что позволяет пользователям легко взаимодействовать с Codex на разных устройствах. 🚀Основные моменты: - Поддержка macOS, Windows и Linux - Использует Electron для кроссплатформенной совместимости - Автоматическая сборка через GitHub Actions - Простая структура проекта для разработчиков 📌 GitHub: https://github.com/Haleclipse/CodexDesktop-Rebuild #javascript

Hover slider Слайдер с анимацией смены слайдов при наведении на названия. Анимация реализована с помощью jQuery. #js https://codepen.io/ig_design/pen/ZVQLmR

🔥 Полезная подборка каналов только код, практика и самые передовые инструменты, которые используют разработчики прямо сейчас.👇 🖥 ИИ: t.me/ai_machinelearning_big_data 🖥 Python: t.me/pythonl 🖥 Linux: t.me/linuxacademiya 🖥 C++ t.me/cpluspluc 🖥 Docker: t.me/DevopsDocker 🖥 Хакинг: t.me/linuxkalii 🖥 Devops: t.me/DevOPSitsec 👣 Golang: t.me/Golang_google 🖥 Аналитика: t.me/data_analysis_ml 🖥 Javascript: t.me/javascriptv 🖥 C#: t.me/csharp_ci 🖥 Java: t.me/javatg 🖥 Базы данных: t.me/sqlhub 👣 Rust: t.me/rust_code 🤖 Технологии: t.me/vistehno 💰 Экономика и инвестиции в ИИ t.me/financeStable 💼 Актуальные вакансии: t.me/addlist/_zyy_jQ_QUsyM2Vi 🖥 Chatgpt бот в тг: t.me/Chatgpturbobot 📚 Бесплатные ит-книги: https://t.me/addlist/HwywK4fErd8wYzQy 🖥Подборка по Golang: https://t.me/addlist/MUtJEeJSxeY2YTFi ⚡️ Лучшие ИИ ресурсы: https://t.me/addlist/2Ls-snqEeytkMDgy Самое лучшее в этом: ты учишься даже тогда, когда “нет времени, просто потому что читаешь правильную ленту.

📱 Что будет выведено в консоль?

🛑 Хватит проверять isMounted в useEffect Вы наверняка видели (или писали) такой код, чтобы избежать ошибки "Can't perform a React state update on an unmounted component":

    
        
// ❌ Антипаттерн
useEffect(() => {
  let isMounted = true;
  fetchData().then(data => {
    if (isMounted) setState(data);
  });
  return () => { isMounted = false; };
}, []);

{}
    

Это «мусорный» код. Запрос все равно происходит, трафик тратится, промис висит в памяти. Вместо ручных флагов используйте стандартный браузерный API - AbortController. ✅ Как сделать правильно:

    
        
useEffect(() => {
  const controller = new AbortController();

  fetch('/api/data', { signal: controller.signal })
    .then(res => res.json())
    .then(setData)
    .catch(err => {
      // Важно: не считаем отмену запроса ошибкой
      if (err.name !== 'AbortError') {
        console.error(err);
      }
    });

  // При размонтировании или перезапуске эффекта запрос реально отменится браузером
  return () => controller.abort();
}, []);

{}
    

🚀 Бонус-фича: Очистка Event Listeners AbortController умеет удалять и слушатели событий. Больше не нужно выносить функцию-хендлер в отдельную переменную, чтобы передать её в removeEventListener.

    
        
const controller = new AbortController();

// Передаем signal в опции
window.addEventListener('resize', (e) => handleResize(e), { 
  signal: controller.signal 
});

// Одним вызовом удаляем слушатель (или группу слушателей с одним сигналом)
controller.abort();{}
    

🖥 Учим React через интерактив и наглядные схемы Если React кажется сложным и абстрактным - проблема чаще всего не в вас, а в подаче. Когда не видно, что происходит под капотом, всё превращается в магию из хуков и стейтов. Этот сайт решает именно это. Он показывает React визуально: как рендерится интерфейс, как обновляется состояние, что происходит при изменениях и почему компонент ведёт себя именно так. Не просто теория, а понимание механики. Заходите и разберитесь в React по-настоящему: https://react.gg/visualized

🎮 Учимся Flexbox с Flexbox Froggy Flexbox Froggy — это увлекательная игра для освоения CSS Flexbox. Игроки помогают лягушонку добраться до лилий, используя правильные свойства flexbox. Идеально подходит для новичков и разработчиков, желающих улучшить свои навыки в верстке. 🚀Основные моменты: - Интерактивный подход к обучению CSS Flexbox - Более 20 уровней с нарастающей сложностью - Поддержка нескольких языков - Открытый исходный код и возможность внесения вкладов 📌 GitHub: https://github.com/thomaspark/flexboxfroggy #javascript