5 БЕСПЛАТНЫХ инструментов для веб-разработчиков

http://warp.dev - Альтернатива Claude Code

http://sevalla.com - Full-stack хостинг и бесплатный статический сайт

http://usehooks.com - React hooks с примерами

http://ray.so - Создание изображений из фрагментов кода

http://sarthology.github.io/Animatopy - Анимационные сниппеты CSS

👉 Гайды по JavaScript | дать буст

Node.js v22.18.0 вышел

По умолчанию включена очистка типов

Теперь можно выполнять TypeScript-файлы без дополнительной настройки

$ echo 'const foo: string = "World"; console.log(`Hello ${foo}!`);' > file.ts
$ node file.ts
Hello World!

Фича экспериментальная. Отключается флагом --no-experimental-strip-types

👉 Гайды по JavaScript | дать буст

Трюк JavaScript: Используйте toSorted() для чистой, неизменяемой сортировки

👉 Гайды по JavaScript | дать буст

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

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

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

👉 Гайды по JavaScript | дать буст

Совет по JavaScript

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

👉 Гайды по JavaScript | дать буст

Совет дня:

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

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

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

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

👉 Гайды по JavaScript | дать буст

Избегайте ошибок с помощью этих неизменяемых и современных методов массивов JavaScript!

Посмотрите их в действии

👉 Гайды по JavaScript | дать буст

Перестань использовать классовые компоненты в React.

Они сложные и неудобные в поддержке.

Функциональные компоненты — твои друзья.

Они проще, читаются легче и меньше нагружают мозг.

Можно сосредоточиться на разработке, а не на борьбе с управлением состоянием и методами жизненного цикла.

Единственный случай, когда стоит использовать классовые компоненты — это Error Boundaries.

👉 Гайды по JavaScript | дать буст

Эта библиотека JavaScript просто потрясающая

Она позволяет превращать элементы в перетаскиваемые коробки, обмениваясь позициями с другими элементами.

https://swapy.tahazsh.com/

👉 Гайды по JavaScript | дать буст

btw в javascript вы можете превращать HTML-элементы в изображения.

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

👉 Гайды по JavaScript | дать буст

React и Tailwind CSS - два популярных инструмента для фронтенд-веб-разработки.

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

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

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

👉 Гайды по JavaScript | дать буст

Появится в версии Angular 20.2
✔️ Zoneless стабилен

👉 Гайды по JavaScript | дать буст

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 | дать буст

Код TypeScript для использования GPT5 с режимом рассуждений в вашем API

👉 Гайды по JavaScript | дать буст

Ограничение скорости действий сервера в Next.js с помощью headers().

👉 Гайды по JavaScript | дать буст

Пост с благодарностью BetterAuth 💯

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

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

👉 Гайды по JavaScript | дать буст