Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Создай виртуальный тур для своего сайта или приложения!
Работает с React, Vue, Angular, Svelte и другими.
Библиотека называется Driver.js
👉 Гайды по JavaScript | дать буст
Работает с React, Vue, Angular, Svelte и другими.
Библиотека называется Driver.js
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Вышел Angular 19 с новым API
Теперь асинхронные запросы можно обрабатывать декларативно:
> Рективная загрузка данных через signals
> Автоматические loading-состояния
> Отмена запросов без RxJS
Вводишь текст в поиск — только финальный запрос уходит на бэкенд. Никаких лишних запросов
🔗 Подробнее: https://angular-university.io/lesson/angular-signals-resource-api-yt
👉 Гайды по JavaScript | дать буст
resource()Теперь асинхронные запросы можно обрабатывать декларативно:
> Рективная загрузка данных через signals
> Автоматические loading-состояния
> Отмена запросов без RxJS
Вводишь текст в поиск — только финальный запрос уходит на бэкенд. Никаких лишних запросов
Please open Telegram to view this post
VIEW IN TELEGRAM
Маршрут API для генерации presigned URL для загрузки в S3 в Next.js.
Используется вместе с кастомным upload-хуком, чтобы безопасно загружать файлы напрямую в S3 с клиента.
Он проверяет тип файла, генерирует уникальный ключ и возвращает presigned URL + поля, необходимые для загрузки.
👉 Гайды по JavaScript | дать буст
Используется вместе с кастомным upload-хуком, чтобы безопасно загружать файлы напрямую в S3 с клиента.
Он проверяет тип файла, генерирует уникальный ключ и возвращает presigned URL + поля, необходимые для загрузки.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
МЕГА-сборник кастомных хуков для React!
Экономь время и не изобретай велосипед заново:
✓ 50 готовых хуков
✓ С примерами кода
✓ Поддержка TypeScript
→ http://usehooks.com
👉 Гайды по JavaScript | дать буст
Экономь время и не изобретай велосипед заново:
✓ 50 готовых хуков
✓ С примерами кода
✓ Поддержка TypeScript
→ http://usehooks.com
Please open Telegram to view this post
VIEW IN TELEGRAM
Хочешь разобраться в веб-разработке с нуля и бесплатно?
Курс CS50’s Web Programming with Python and JavaScript от Гарварда — топовый выбор.
> HTML, CSS, Git
> Python + Django
> JavaScript + API + AJAX
> PostgreSQL и ORM
> Безопасность, CI/CD, тесты
Всё бесплатно, онлайн, на английском
Сайт курса: https://cs50.harvard.edu/web/2020/
Идеально, если уже прошёл базовый CS50 или хочешь перейти от теории к практике❤️
👉 Гайды по JavaScript | дать буст
Курс CS50’s Web Programming with Python and JavaScript от Гарварда — топовый выбор.
> HTML, CSS, Git
> Python + Django
> JavaScript + API + AJAX
> PostgreSQL и ORM
> Безопасность, CI/CD, тесты
Всё бесплатно, онлайн, на английском
Сайт курса: https://cs50.harvard.edu/web/2020/
Идеально, если уже прошёл базовый CS50 или хочешь перейти от теории к практике
Please open Telegram to view this post
VIEW IN TELEGRAM
Асинхронное программирование позволяет части кода выполняться в фоновом режиме, пока остальной код продолжает работу.
В этом подробном гиде объясняется, как работает асинхронность в TypeScript.
Ты узнаешь, как работают промисы,
https://freecodecamp.org/news/learn-async-programming-in-typescript-promises-asyncawait-and-callbacks/
👉 Гайды по JavaScript | дать буст
В этом подробном гиде объясняется, как работает асинхронность в TypeScript.
Ты узнаешь, как работают промисы,
async/await и колбэки — и когда использовать каждый из этих подходов.https://freecodecamp.org/news/learn-async-programming-in-typescript-promises-asyncawait-and-callbacks/
Please open Telegram to view this post
VIEW IN TELEGRAM
Больше никаких циклов в JS. Просто
Посмотрите пример в действии
👉 Гайды по JavaScript | дать буст
Object.groupBy()Посмотрите пример в действии
Please open Telegram to view this post
VIEW IN TELEGRAM
Angular Interview Tip: Освой
Он позволяет запускать несколько асинхронных операций параллельно, идеально подходит для сложной логики в Angular с RxJS.
Почему важно?
👉 Гайды по JavaScript | дать буст
mergeMap Он позволяет запускать несколько асинхронных операций параллельно, идеально подходит для сложной логики в Angular с RxJS.
Почему важно?
mergeMap часто спрашивают на собеседованиях — он показывает, умеешь ли ты думать в реактивной модели, и отличает junior от senior разработчиковPlease open Telegram to view this post
VIEW IN TELEGRAM
Умный трюк в TypeScript, который делает UI на основе конфигураций надёжнее и безопаснее.
Посмотри, как это работает
👉 Гайды по JavaScript | дать буст
Посмотри, как это работает
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
В копилку лайфхаков по VSCode: теперь в терминале можно включить автодополнение а-ля IntelliSense
Как включить:
• Открываешь Settings → ищешь "terminal integrated suggest"
• Врубаешь чекбокс
👉 Гайды по JavaScript | дать буст
Как включить:
• Открываешь Settings → ищешь "terminal integrated suggest"
• Врубаешь чекбокс
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Tempo — простая и легковесная библиотека для работы с датами в JavaScript
Вдохновлена moment.js, day.js, date-fns, но без лишнего
🔸 Удобное форматирование, парсинг и манипуляции
🔸 Использует нативный
🔸 Чистый API, tree-shakable
Минимум кода, максимум удобства. Попробуйте✌️
👉 Гайды по JavaScript | дать буст
Вдохновлена moment.js, day.js, date-fns, но без лишнего
Intl.DateTimeFormatМинимум кода, максимум удобства. Попробуйте
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Шикарная новая библиотека графиков для React
16+ видов графиков для твоего сайта
✓ Компоненты копипастой
✓ Полностью работают на сервере
✓ Поддержка Tailwind
→ http://rosencharts.com
👉 Гайды по JavaScript | дать буст
16+ видов графиков для твоего сайта
✓ Компоненты копипастой
✓ Полностью работают на сервере
✓ Поддержка Tailwind
→ http://rosencharts.com
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
TypeScript теперь работает на Go
Команда TS выкатила предварительную нативную версию компилятора на Go для тестирования
Ускорение впечатляющее — до 10x на реальных проектах. Например, в кодовой базе Sentry (~1,5 млн строк) время проверки типов снизилось с 55 до 6,8 секунд.
Чтобы попробовать новую версию, установите её отдельно:
Плюс расширение в VS Code: “TypeScript (Native Preview)”. После установки его нужно вручную включить через палитру команд:
👉 Гайды по JavaScript | дать буст
Команда TS выкатила предварительную нативную версию компилятора на Go для тестирования
Ускорение впечатляющее — до 10x на реальных проектах. Например, в кодовой базе Sentry (~1,5 млн строк) время проверки типов снизилось с 55 до 6,8 секунд.
Чтобы попробовать новую версию, установите её отдельно:
npm install -D @typescript/native-preview. После этого используйте tsgo вместо привычного tsc. Когда выйдет полноценный релиз (TypeScript 7), tsc и станет той самой Go-версией. Пока, для удобства тестирования, это отдельный бинарникПлюс расширение в VS Code: “TypeScript (Native Preview)”. После установки его нужно вручную включить через палитру команд:
TypeScript Native Preview: Enable (Experimental)Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Вам нужно вдохновение для следующего 3D-проекта?
На странице Three.js Showcase собраны потрясающие проекты, созданные талантливыми авторами.
> https://threejsresources.com/showcase
👉 Гайды по JavaScript | дать буст
На странице Three.js Showcase собраны потрясающие проекты, созданные талантливыми авторами.
> https://threejsresources.com/showcase
Please open Telegram to view this post
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Создавай 3D-интерфейсы на React без лишней боли
React Three Fiber (R3F) — это удобный способ использовать возможности Three.js прямо в React.
Интуитивно, современно, по‑разработческому. Зацени: https://threejsresources.com/tool/react-three-fiber-r3f
👉 Гайды по JavaScript | дать буст
React Three Fiber (R3F) — это удобный способ использовать возможности Three.js прямо в React.
Интуитивно, современно, по‑разработческому. Зацени: https://threejsresources.com/tool/react-three-fiber-r3f
Please open Telegram to view this post
VIEW IN TELEGRAM