Преимущества использования useAsyncData вместо useFetch:
useAsyncData обладает рядом преимуществ с точки зрения производительности:
✓ Параллельные запросы: Позволяет загружать несколько источников данных одновременно, сокращая общее время загрузки.
✓ Улучшенная производительность: За счёт уменьшения времени ожидания данных приложение становится быстрее и отзывчивее.
👉 Гайды по JavaScript | дать буст
useAsyncData обладает рядом преимуществ с точки зрения производительности:
✓ Параллельные запросы: Позволяет загружать несколько источников данных одновременно, сокращая общее время загрузки.
✓ Улучшенная производительность: За счёт уменьшения времени ожидания данных приложение становится быстрее и отзывчивее.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Please open Telegram to view this post
VIEW IN TELEGRAM
Совет дня:
Nitro — сервер, который используется в nuxt_js, — включает в себя очень мощную систему хранения данных.
Её можно настроить так, чтобы данные сохранялись:
🔸 в файловой системе,
🔸 в базе данных,
🔸 в key-value хранилище
и во многих других источниках.
👉 Гайды по JavaScript | дать буст
Nitro — сервер, который используется в nuxt_js, — включает в себя очень мощную систему хранения данных.
Её можно настроить так, чтобы данные сохранялись:
и во многих других источниках.
Please open Telegram to view this post
VIEW IN TELEGRAM
Избегайте ошибок с помощью этих неизменяемых и современных методов массивов JavaScript!
Посмотрите их в действии
👉 Гайды по JavaScript | дать буст
Посмотрите их в действии
Please open Telegram to view this post
VIEW IN TELEGRAM
Перестань использовать классовые компоненты в React.
Они сложные и неудобные в поддержке.
Функциональные компоненты — твои друзья.
Они проще, читаются легче и меньше нагружают мозг.
Можно сосредоточиться на разработке, а не на борьбе с управлением состоянием и методами жизненного цикла.
Единственный случай, когда стоит использовать классовые компоненты — это Error Boundaries.
👉 Гайды по JavaScript | дать буст
Они сложные и неудобные в поддержке.
Функциональные компоненты — твои друзья.
Они проще, читаются легче и меньше нагружают мозг.
Можно сосредоточиться на разработке, а не на борьбе с управлением состоянием и методами жизненного цикла.
Единственный случай, когда стоит использовать классовые компоненты — это Error Boundaries.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Эта библиотека JavaScript просто потрясающая
Она позволяет превращать элементы в перетаскиваемые коробки, обмениваясь позициями с другими элементами.
https://swapy.tahazsh.com/
👉 Гайды по JavaScript | дать буст
Она позволяет превращать элементы в перетаскиваемые коробки, обмениваясь позициями с другими элементами.
https://swapy.tahazsh.com/
Please open Telegram to view this post
VIEW IN TELEGRAM
btw в javascript вы можете превращать HTML-элементы в изображения.
все еще невероятно недооцененный
👉 Гайды по JavaScript | дать буст
все еще невероятно недооцененный
Please open Telegram to view this post
VIEW IN TELEGRAM
React и Tailwind CSS - два популярных инструмента для фронтенд-веб-разработки.
И если вы хотите стать фронтенд-разработчиком, это хорошее место для старта.
В этом курсе вы изучите основы компонентной разработки и стилистики, создав приложение.
https://freecodecamp.org/news/learn-react-and-tailwind-css-for-front-end-development/
👉 Гайды по JavaScript | дать буст
И если вы хотите стать фронтенд-разработчиком, это хорошее место для старта.
В этом курсе вы изучите основы компонентной разработки и стилистики, создав приложение.
https://freecodecamp.org/news/learn-react-and-tailwind-css-for-front-end-development/
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
JavaScript Tip
Более простой способ выбрать последний элемент массива
ES2022 представил новый метод для массивов: at(index)
Здесь index может быть положительным или отрицательным.
Отрицательный индекс выбирает элемент с конца массива.
Таким образом, -1 выбирает последний элемент массива.
Метод работает в последних версиях всех основных браузеров, выпущенных с марта 2022 года.
Также доступен в Node.js и Deno с июля 2021 года.
👉 Гайды по JavaScript | дать буст
Более простой способ выбрать последний элемент массива
const todos = ['exercise', 'eat', 'work', 'sleep'];
/* Обычный способ */
todos[todos.length - 1]; // sleep
/* Новый способ */
todos.at(-1); // sleep
ES2022 представил новый метод для массивов: at(index)
Здесь index может быть положительным или отрицательным.
Отрицательный индекс выбирает элемент с конца массива.
Таким образом, -1 выбирает последний элемент массива.
Метод работает в последних версиях всех основных браузеров, выпущенных с марта 2022 года.
Также доступен в Node.js и Deno с июля 2021 года.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
Код TypeScript для использования GPT5 с режимом рассуждений в вашем API
👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Ограничение скорости действий сервера в Next.js с помощью
👉 Гайды по JavaScript | дать буст
headers()
.Please open Telegram to view this post
VIEW IN TELEGRAM
Пост с благодарностью 💯
Любой экосистеме нужна нормальная библиотека для авторизации. В Rails это Devise, в Laravel это Sanctum.
В JS были разные варианты, которые приходили и уходили: passport.js, nextauth, Lucia. Так что я просто рад, что наконец появилась та, которая реально работает. Респект.
👉 Гайды по JavaScript | дать буст
BetterAuth
Любой экосистеме нужна нормальная библиотека для авторизации. В Rails это Devise, в Laravel это Sanctum.
В JS были разные варианты, которые приходили и уходили: passport.js, nextauth, Lucia. Так что я просто рад, что наконец появилась та, которая реально работает. Респект.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
VS Code Хак
Устали постоянно набирать
Настройте свой шорткат, например😎
Смотрите видео с пошаговой демонстрацией.
👉 Гайды по JavaScript | дать буст
Устали постоянно набирать
console.log()
?Настройте свой шорткат, например
cc
→ console.log()
, срабатывающий при нажатии Tab Смотрите видео с пошаговой демонстрацией.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Этот сайт просто топ для разработчиков 🔥
Там собрано больше 1400 открытых API, которые можно использовать для реальных проектов и прокачки своих скиллов.
Сохрани себе на потом
https://publicapis.dev/
👉 Гайды по JavaScript | дать буст
Там собрано больше 1400 открытых API, которые можно использовать для реальных проектов и прокачки своих скиллов.
Сохрани себе на потом
https://publicapis.dev/
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
НАКОНЕЦ-ТО! 👍
В VSCode добавили то, чего давно не хватало. Checkpoints для восстановления состояния чата и кода в любой момент.
👉 Гайды по JavaScript | дать буст
В VSCode добавили то, чего давно не хватало. Checkpoints для восстановления состояния чата и кода в любой момент.
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
Команда
Она пакует все импортированные файлы и пакеты вместе с рантаймом Bun в один бинарник
кросс-компиляция для Linux, macOS и Windows
встраивание файлов, SQLite, Workers
поддержка полноценных full-stack приложений (сервер + клиентский код)
более подробная информация и примеры → https://bun.com/docs/bundler/executables
👉 Гайды по JavaScript | дать буст
bun build --compile
позволяет собирать автономные исполняемые файлы из TS/JSОна пакует все импортированные файлы и пакеты вместе с рантаймом Bun в один бинарник
кросс-компиляция для Linux, macOS и Windows
встраивание файлов, SQLite, Workers
поддержка полноценных full-stack приложений (сервер + клиентский код)
более подробная информация и примеры → https://bun.com/docs/bundler/executables
Please open Telegram to view this post
VIEW IN TELEGRAM
Появление в версии Angular 20.2
➕ Новые возможности для условных шаблонов
👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM