Гайды по JavaScript | Программирование
8.18K subscribers
3.15K photos
75 videos
20 files
3.2K links
Наглядные и доступные гайды в картинках по языку программирования JavaScript

Связь: @devmangx
Download Telegram
Преимущества использования useAsyncData вместо useFetch:

useAsyncData обладает рядом преимуществ с точки зрения производительности:

✓ Параллельные запросы: Позволяет загружать несколько источников данных одновременно, сокращая общее время загрузки.
✓ Улучшенная производительность: За счёт уменьшения времени ожидания данных приложение становится быстрее и отзывчивее.

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Совет по JavaScript

Необязательная цепочка с вызовами функций

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Совет дня:

Nitro — сервер, который используется в nuxt_js, — включает в себя очень мощную систему хранения данных.

Её можно настроить так, чтобы данные сохранялись:

🔸в файловой системе,
🔸в базе данных,
🔸в key-value хранилище

и во многих других источниках.

👉 Гайды по JavaScript | дать буст
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 | дать буст
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 | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
btw в javascript вы можете превращать HTML-элементы в изображения.

все еще невероятно недооцененный

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Существует плагин eslint, который поможет вам уменьшить количество хуков useEffect() в вашей кодовой базе.

"eslint-plugin-react-you-might-not-need-an-effect" - это также самое неоригинальное название пакета npm, которое я когда-либо видел lol
React и Tailwind CSS - два популярных инструмента для фронтенд-веб-разработки.

И если вы хотите стать фронтенд-разработчиком, это хорошее место для старта.

В этом курсе вы изучите основы компонентной разработки и стилистики, создав приложение.

https://freecodecamp.org/news/learn-react-and-tailwind-css-for-front-end-development/

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Появится в версии Angular 20.2
✔️ Zoneless стабилен

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
JavaScript Tip

Более простой способ выбрать последний элемент массива

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 года.

👉 Гайды по JavaScript | дать буст
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 с помощью headers().

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Пост с благодарностью BetterAuth 💯

Любой экосистеме нужна нормальная библиотека для авторизации. В Rails это Devise, в Laravel это Sanctum.

В JS были разные варианты, которые приходили и уходили: passport.js, nextauth, Lucia. Так что я просто рад, что наконец появилась та, которая реально работает. Респект.

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
VS Code Хак

Устали постоянно набирать console.log()?

Настройте свой шорткат, например ccconsole.log(), срабатывающий при нажатии Tab 😎

Смотрите видео с пошаговой демонстрацией.

👉 Гайды по JavaScript | дать буст
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 | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
НАКОНЕЦ-ТО! 👍

В VSCode добавили то, чего давно не хватало. Checkpoints для восстановления состояния чата и кода в любой момент.

👉 Гайды по 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
Команда bun build --compile позволяет собирать автономные исполняемые файлы из TS/JS

Она пакует все импортированные файлы и пакеты вместе с рантаймом Bun в один бинарник

кросс-компиляция для Linux, macOS и Windows
встраивание файлов, SQLite, Workers
поддержка полноценных full-stack приложений (сервер + клиентский код)

более подробная информация и примеры → https://bun.com/docs/bundler/executables

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Появление в версии Angular 20.2
Новые возможности для условных шаблонов

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM