Если ты всё ещё используешь Array.reduce() для этого, то смотри.
До недавнего времени я всегда группировал элементы по свойству через хитрый reduce, пока не узнал, что можно просто писать:
Object.groupBy()
И это. Гораздо. Удобнее.
👉 Гайды по JavaScript | дать буст
До недавнего времени я всегда группировал элементы по свойству через хитрый reduce, пока не узнал, что можно просто писать:
Object.groupBy()
И это. Гораздо. Удобнее.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
Послушайте меня, почему бы нам не дать имя функции внутри useEffect, чтобы было понятно, что она делает
👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Установка cookie в server action автоматически перерендеривает текущую страницу и её layout’ы в Next.js.
👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Если ты JavaScript-разработчик и интересуешься геймдевом, есть несколько мощных инструментов, которые стоит изучить.
В этом гайде Маниш знакомит тебя с топовыми фреймворками, которые могут пригодиться.🔪
Он разбирает ключевые фичи и сценарии использования Phaser, Pixi.js, Three.js, Babylon.js и PlayCanvas, чтобы помочь тебе выбрать подходящий вариант.
Источник
👉 Гайды по JavaScript | дать буст
В этом гайде Маниш знакомит тебя с топовыми фреймворками, которые могут пригодиться.
Он разбирает ключевые фичи и сценарии использования Phaser, Pixi.js, Three.js, Babylon.js и PlayCanvas, чтобы помочь тебе выбрать подходящий вариант.
Источник
Please open Telegram to view this post
VIEW IN TELEGRAM
Молниеносные поиски в JS? Используйте Set().
Посмотрите ее в действии
👉 Гайды по JavaScript | дать буст
Посмотрите ее в действии
Please open Telegram to view this post
VIEW IN TELEGRAM
TypeScript: Извлечение ключей объединения с помощью дистрибутивных условных типов!
👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Многие спрашивают, можно ли перенести проекты Next.js с Vercel на Replit?
Да!
Зайдите в Import → GitHub
Укажите URL репозитория
Agent сделает всё остальное
Он настроит окружения для разработки и деплоя
Да!
Зайдите в Import → GitHub
Укажите URL репозитория
Agent сделает всё остальное
Он настроит окружения для разработки и деплоя
Вышел React 19.2!
В обновлении появились: Activity, useEffectEvent, React Performance Tracks, частичный pre-rendering и другие фичи.
Список всего, что вошло в этот выпуск, можно найти в анонсе React 19.2 в блоге: https://react.dev/blog/2025/10/01/react-19-2
В обновлении появились: Activity, useEffectEvent, React Performance Tracks, частичный pre-rendering и другие фичи.
Список всего, что вошло в этот выпуск, можно найти в анонсе React 19.2 в блоге: https://react.dev/blog/2025/10/01/react-19-2
❤2
Чёрт возьми, я только что заставил работать realtime-функции в Next.js
◆ на базе Redis Streams и Zod v4
◆ 100% типобезопасность
◆ можно задеплоить на Vercel
Этот код просто КРАСОТА.
👉 Гайды по JavaScript | дать буст
◆ на базе Redis Streams и Zod v4
◆ 100% типобезопасность
◆ можно задеплоить на Vercel
Этот код просто КРАСОТА.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
В Angular 21 по умолчанию включают Zoneless — новый подход к работе с изменениями без Zone.js. Это ускоряет рендеринг и упрощает управление состоянием, делая фреймворк легче и современнее.
👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
В сообществе разработчиков снова вспыхнула ироничная дискуссия. Автор предложил отказаться от REST и просто сделать один эндпоинт /api, принимающий SQL-запросы напрямую.
В шутливой форме он заявил, что якобы получил cease and desist от Supabase за «слив внутренней архитектуры API». Несмотря на «советы юристов», автор подчеркнул, что верит в open source и «право людей знать правду».
👉 Гайды по JavaScript | дать буст
В шутливой форме он заявил, что якобы получил cease and desist от Supabase за «слив внутренней архитектуры API». Несмотря на «советы юристов», автор подчеркнул, что верит в open source и «право людей знать правду».
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
The Algorithms - JavaScript
Отличная находка для разработчиков, изучающих JavaScript и алгоритмы! 🚀
Это репозиторий с открытым исходным кодом, содержащий реализацию сотен классических алгоритмов и структур данных на чистом JavaScript.
🔗 Ссылка: TheAlgorithms/JavaScript на GitHub
#JavaScript #Алгоритмы #Программирование #Разработка #OpenSource
Отличная находка для разработчиков, изучающих JavaScript и алгоритмы! 🚀
Это репозиторий с открытым исходным кодом, содержащий реализацию сотен классических алгоритмов и структур данных на чистом JavaScript.
Что внутри?
📚 Алгоритмы: Сортировки, поиск, графы, шифрование, машинное обучение и многое другое.
⛓️ Структуры данных: Списки, деревья, стеки, очереди, хэши.
✅ Чистый код: Каждый алгоритм хорошо документирован и протестирован.
🎯 Для кого: Идеально для подготовки к собеседованиям, углубления знаний в CS и в качестве справочника.
Репо — это живая энциклопедия, которую может пополнять каждый. Отличный ресурс для обучения и вдохновения!
🔗 Ссылка: TheAlgorithms/JavaScript на GitHub
#JavaScript #Алгоритмы #Программирование #Разработка #OpenSource
❤3🔥1
JavaScript30 от Уэса Боса
Бесплатный 30-дневный челлендж, чтобы прокачать навыки ванильного JavaScript! 💪
Автор Уэс Бос предлагает забыть о фреймворках и библиотеках и построить 30 крутых штук за 30 дней, используя только чистый JS.
🔗 Ссылка: wesbos/JavaScript30 на GitHub
#JavaScript #Челлендж #Обучение #Программирование #Frontend
Бесплатный 30-дневный челлендж, чтобы прокачать навыки ванильного JavaScript! 💪
Автор Уэс Бос предлагает забыть о фреймворках и библиотеках и построить 30 крутых штук за 30 дней, используя только чистый JS.
Что внутри?
🛠 30 практических проектов: От барабана и часов до более сложных, как распознавание речи и нативный видеоплеер.
🚫 Никаких зависимостей: Только ванильный JavaScript, HTML и CSS.
🎥 Обучение на практике: Короткие видео-объяснения и готовый код для каждого проекта.
💡 Идеально для: Начинающих и тех, кто хочет укрепить фундамент и понять, как всё работает "под капотом".
Отличный способ вырасти как разработчик, уделяя coding'у всего 30 минут в день!
🔗 Ссылка: wesbos/JavaScript30 на GitHub
#JavaScript #Челлендж #Обучение #Программирование #Frontend
👍2🔥2
JavaScript Load Image от Себастьяна Цандер
🔗 Ссылка: blueimp/JavaScript-Load-Image на GitHub
#JavaScript #Библиотека #Изображения #EXIF #Frontend #WebDevelopment
Мощная и легковесная JavaScript-библиотека для загрузки и обработки изображений прямо в браузере! 🖼️
Автор blueimp (Себастьян Цандер) предлагает простой и гибкий способ загружать, парсить и преобразовывать файлы изображений, включая метаданные EXIF и GPS, без необходимости в тяжелых фреймворках.
Что внутри?
🛠 Парсинг и обработка: Загрузка изображений из File objects, Blobs, URLs или прямого ввода. Поддержка обрезки, изменения размера и поворота на основе EXIF-данных.
📐 Метаданные: Автоматическое извлечение и парсинг информации из EXIF и IPTC, включая данные о камере и геолокации.
🚫 Минимум зависимостей: Чистый JavaScript. Для полного функционала (EXIF, GPS) требуется подключить отдельный скрипт, но базовые функции работают самостоятельно.
🛡️ Кроссбраузерность: Единый API для работы во всех современных браузерах, включая мобильные.
💡 Идеально для: Веб-разработчиков, которым нужно реализовать предпросмотр загружаемых изображений, создать клиентский редактор фото или работать с метаданными снимков прямо в браузере.
Отличный инструмент для того, чтобы добавить профессиональную работу с изображениями в ваш проект, не усложняя его.
🔗 Ссылка: blueimp/JavaScript-Load-Image на GitHub
#JavaScript #Библиотека #Изображения #EXIF #Frontend #WebDevelopment
👍2
30 Days Of-JavaScript от Асабенеха
Бесплатный и структурированный 30-дневный марафон для полного погружения в JavaScript! 📚
Этот репозиторий — подробный учебный курс, который проведет вас от основ синтаксиса до продвинутых концепций языка через теорию, задания и проекты.
🔗 Ссылка: Asabeneh/30-Days-Of-JavaScript на GitHub
#JavaScript #Обучение #Марафон #Программирование #Курс
Бесплатный и структурированный 30-дневный марафон для полного погружения в JavaScript! 📚
Этот репозиторий — подробный учебный курс, который проведет вас от основ синтаксиса до продвинутых концепций языка через теорию, задания и проекты.
Что внутри?
📖 Пошаговые уроки: Каждый день — новая тема: от переменных до асинхронности, DOM, API и классов.
✍️ Практические задания: После каждой теории — упражнения для закрепления материала.
🚀 Несколько проектов: В конце марафона вас ждут полноценные приложения.
🌍 Для всех уровней: Систематизированный подход делает курс отличным стартом для новичков и повторением для тех, кто хочет заполнить пробелы.
Идеальный план для тех, кто хочет не просто "попробовать", а по-настоящему разобраться в JavaScript.
🔗 Ссылка: Asabeneh/30-Days-Of-JavaScript на GitHub
#JavaScript #Обучение #Марафон #Программирование #Курс
❤1🔥1
JavaScript Canvas to Blob
Миниатюрная и специализированная библиотека, которая решает одну задачу — преобразует изображение из HTML5 Canvas в формат Blob. 📸
Это ключевая функция для загрузки изображений на сервер, которую не все браузеры поддерживают изначально.
🔗 Ссылка: blueimp/JavaScript-Canvas-to-Blob на GitHub
#JavaScript #Canvas #Blob #Полифилл #Frontend #WebDevelopment
Миниатюрная и специализированная библиотека, которая решает одну задачу — преобразует изображение из HTML5 Canvas в формат Blob. 📸
Это ключевая функция для загрузки изображений на сервер, которую не все браузеры поддерживают изначально.
Что это даёт?
🔄 Конвертация: Легко превращает canvas.toDataURL в Blob-объект.
📤 Упрощённая загрузка: Позволяет напрямую отправлять изображения с канваса на сервер через FormData и fetch/XMLHttpRequest.
🛡 Полифилл: Автоматически добавляет метод toBlob к Canvas элементам в старых браузерах.
📦 Лёгкая: Весит очень мало и не имеет зависимостей.
Незаменимый инструмент, когда вы работаете с обработкой изображений прямо в браузере.
🔗 Ссылка: blueimp/JavaScript-Canvas-to-Blob на GitHub
#JavaScript #Canvas #Blob #Полифилл #Frontend #WebDevelopment
👍3
JavaScript for Everyone
Бесплатный курс по JavaScript для абсолютных новичков! 👨💻👩💻
Этот репозиторий — идеальный старт для тех, кто только начинает свой путь в программировании. Автор, Асабенех, известен своими качественными и структурированными учебными материалами.
🔗 Ссылка: Asabeneh/JavaScript-for-Everyone на GitHub
#JavaScript #Обучение #ДляНачинающих #Программирование #Курс
Бесплатный курс по JavaScript для абсолютных новичков! 👨💻👩💻
Этот репозиторий — идеальный старт для тех, кто только начинает свой путь в программировании. Автор, Асабенех, известен своими качественными и структурированными учебными материалами.
Что внутри?
📚 Основы основ: Переменные, типы данных, операторы, функции, объекты и массивы.
🏁 От простого к сложному: Пошаговое обучение от "Hello World" до более сложных конструкций.
💻 Практика: Много упражнений и заданий для закрепления материала.
🌍 Доступный язык: Объяснения понятны даже тем, кто никогда не программировал.
Отличная база перед переходом к более сложным темам или фреймворкам. Если вы хотите освоить JavaScript с нуля — это ваш выбор!
🔗 Ссылка: Asabeneh/JavaScript-for-Everyone на GitHub
#JavaScript #Обучение #ДляНачинающих #Программирование #Курс
❤2
JavaScript Interview Questions
Мощная коллекция вопросов и ответов для подготовки к собеседованию на JavaScript разработчика! 💼⚡️
Этот репозиторий — настоящая энциклопедия, охватывающая все аспекты языка, от основ до самых каверзных тем.
🔗 Ссылка: sudheerj/javascript-interview-questions на GitHub
#JavaScript #Собеседование #Вопросы #Программирование #Frontend #Карьера
Мощная коллекция вопросов и ответов для подготовки к собеседованию на JavaScript разработчика! 💼⚡️
Этот репозиторий — настоящая энциклопедия, охватывающая все аспекты языка, от основ до самых каверзных тем.
Что внутри?
❓ 1000+ вопросов: От простых (типы данных) до сложных (механика Event Loop, Web API).
🎯 Структуризация по темам: Основы JS, ES6+, DOM, асинхронность, замыкания, Promise, React и многое другое.
💡 Подробные объяснения: Не просто ответ, а разбор "почему так работает".
📖 Идеально для: Систематизации знаний и подготовки к техническим собеседованиям любого уровня.
Берите на вооружение, чтобы чувствовать себя на интервью уверенно и не бояться tricky-вопросов.
🔗 Ссылка: sudheerj/javascript-interview-questions на GitHub
#JavaScript #Собеседование #Вопросы #Программирование #Frontend #Карьера
❤1👍1