В отладочных целях nuxt_js может добавлять к NuxtLink кастомный класс после того, как его маршрут был заранее подгружен.
Этот класс можно задать через проп prefetched-class, что позволяет визуально отмечать такие ссылки во время разработки.
👉 Гайды по JavaScript | дать буст
Этот класс можно задать через проп prefetched-class, что позволяет визуально отмечать такие ссылки во время разработки.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
В Drizzle прокачали производительность TypeScript-типов для реляционной схемы и запросов почти в 21,4 раза.
На продакшн-схеме в 3300 строк + 990 строк relations:
TS v5.8.3: 728.8k → 34.1k
TS v5.9.2: 553.7k → 25.4k
Фишка в том, что меньше инстанциаций типов — не всегда значит быстрее. Поиграв с ними, удалось выжать максимум, и теперь всё работает практически мгновенно.
Плюс добавили удобство: теперь можно кликать по определениям в drizzle relations и
🔥 Апгрейд, который точно оценят TypeScript-разработчики.
👉 Гайды по JavaScript | дать буст
На продакшн-схеме в 3300 строк + 990 строк relations:
TS v5.8.3: 728.8k → 34.1k
TS v5.9.2: 553.7k → 25.4k
Фишка в том, что меньше инстанциаций типов — не всегда значит быстрее. Поиграв с ними, удалось выжать максимум, и теперь всё работает практически мгновенно.
Плюс добавили удобство: теперь можно кликать по определениям в drizzle relations и
db.query.table
Please open Telegram to view this post
VIEW IN TELEGRAM
Конфиг Next.js для вырезания всех вызовов console.* в продакшене
https://nextjs.org/docs/architecture/nextjs-compiler#remove-console
👉 Гайды по JavaScript | дать буст
https://nextjs.org/docs/architecture/nextjs-compiler#remove-console
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4
Большие языковые модели ограничены теми данными, на которых их обучили. Если нужен доступ к актуальной информации, без Retrieval-Augmented Generation не обойтись.
RAG позволяет подключить модель к внешним источникам и давать ей свежие и полезные данные.
В новом курсе Ania Kubow показывает, как собрать собственного RAG-чатбота на JavaScript.
https://www.freecodecamp.org/news/build-your-own-rag-chatbot-with-javascript/
👉 Гайды по JavaScript | дать буст
RAG позволяет подключить модель к внешним источникам и давать ей свежие и полезные данные.
В новом курсе Ania Kubow показывает, как собрать собственного RAG-чатбота на JavaScript.
https://www.freecodecamp.org/news/build-your-own-rag-chatbot-with-javascript/
Please open Telegram to view this post
VIEW IN TELEGRAM
Совет дня:
Слот-контент — это не только текст. Их можно использовать как более гибкую альтернативу пропсам, когда нужен универсальный ввод.
👉 Гайды по JavaScript | дать буст
Слот-контент — это не только текст. Их можно использовать как более гибкую альтернативу пропсам, когда нужен универсальный ввод.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Если хочешь прокачаться в бэкенде, нужно делать много проектов. В этом курсе тебя ждут три варианта: генератор блогов, клон Netflix и клон Spotify. Заодно подтянешь скилл работы с Python, Django и PostgreSQL.
https://www.freecodecamp.org/news/backend-web-development-three-projects/
👉 Гайды по JavaScript | дать буст
https://www.freecodecamp.org/news/backend-web-development-three-projects/
Please open Telegram to view this post
VIEW IN TELEGRAM
Сделал небольшую схему, чтобы показать, почему связка 🔫 (то есть штука, которой легко самому себе выстрелить в ногу).
Всегда выводите состояние из данных, когда это возможно
👉 Гайды по JavaScript | дать буст
setState + useEffect
в React — это мощный footgun Всегда выводите состояние из данных, когда это возможно
Please open Telegram to view this post
VIEW IN TELEGRAM
Если ты используешь 🤯
Отличный DX и халявная производительность
👉 Гайды по JavaScript | дать буст
$fetch
в серверном API-эндпоинте Nuxt, чтобы дернуть другой ВНУТРЕННИЙ API-эндпоинт, Nuxt просто пропускает HTTP-слой и сразу выполняет код из того эндпоинта Отличный DX и халявная производительность
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
Напоминание: используй useTransition для отображения состояний загрузки.
👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Скоро писать серверные роуты в TanStack Start станет в 10 раз проще (те же API routes или resource routes):
→ Единое дерево роутов
→ Привычный createFileRoute
→ Middleware на уровне всего роута
→ Middleware на уровне конкретного хендлера
→ Type-safe контекст
Доступ к серверному контексту через beforeLoad/loader
👉 Гайды по JavaScript | дать буст
→ Единое дерево роутов
→ Привычный createFileRoute
→ Middleware на уровне всего роута
→ Middleware на уровне конкретного хендлера
→ Type-safe контекст
Доступ к серверному контексту через beforeLoad/loader
Please open Telegram to view this post
VIEW IN TELEGRAM
Ты знаешь сам, Практика лучше теории 🌟
Хочешь прокачать кодинг? Построй свой Instagram-клон.
В бесплатном курсе от freeCodeCamp ты шаг за шагом соберёшь соцсеть на React + Firebase:
• работа с пользовательскими действиями,
• аутентификация и хранение данных,
• поиск и многое другое.
Отличный способ набить руку на реальном проекте
👉 Гайды по JavaScript | дать буст
Хочешь прокачать кодинг? Построй свой Instagram-клон.
В бесплатном курсе от freeCodeCamp ты шаг за шагом соберёшь соцсеть на React + Firebase:
• работа с пользовательскими действиями,
• аутентификация и хранение данных,
• поиск и многое другое.
Отличный способ набить руку на реальном проекте
Please open Telegram to view this post
VIEW IN TELEGRAM
Мой кофаундер инициализирует массивы в JavaScript вот так, и я его за это ненавижу.
👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
😁2
Не используй относительные импорты в коде — они плохо читаются и неудобны в поддержке.
Вместо этого бери алиасы с абсолютными путями. Такой подход отлично работает в проектах на JavaScript и TypeScript
👉 Гайды по JavaScript | дать буст
Вместо этого бери алиасы с абсолютными путями. Такой подход отлично работает в проектах на JavaScript и TypeScript
Please open Telegram to view this post
VIEW IN TELEGRAM
Чит-лист неизменяемых альтернатив 9 методов, изменяющих массивы в JavaScript
👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Если вы хотите научиться разработке полного стека веб-приложений, этот курс по MERN-стеку — отличное место для старта.
MERN-стек состоит из MongoDB, Express, React и Node.js и является популярным выбором для создания веб-приложений.
В этом курсе вы настроите серверную часть, изучите контроллеры, промежуточное ПО и ограничение частоты запросов, создадите страницы своего приложения и многое другое.
Подробнее: https://freecodecamp.org/news/learn-the-mern-stack-in-2025/
👉 Гайды по JavaScript | дать буст
MERN-стек состоит из MongoDB, Express, React и Node.js и является популярным выбором для создания веб-приложений.
В этом курсе вы настроите серверную часть, изучите контроллеры, промежуточное ПО и ограничение частоты запросов, создадите страницы своего приложения и многое другое.
Подробнее: https://freecodecamp.org/news/learn-the-mern-stack-in-2025/
Please open Telegram to view this post
VIEW IN TELEGRAM