Маленькая шпаргалка для начинающих джаваскриптеров: как работать с объектами как с массивами
Сохраняем и пользуемся☕️
👉 Гайды по JavaScript | дать буст
— Object.keys(obj) → массив ключей
— Object.values(obj) → массив значений
— Object.entries(obj) → массив пар [ключ, значение]
— Object.fromEntries(arr) → из пар обратно в объект
Сохраняем и пользуемся
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3
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
🔥2
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
👍3
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
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Мощный совет по JavaScript
Используй
✅ Чисто и лаконично
✅ Без циклов
👉 Гайды по JavaScript | дать буст
Используй
filter()
, чтобы удалить из массива ложные значения (такие как 0, null, undefined, false).Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4❤3
This media is not supported in your browser
VIEW IN TELEGRAM
Вот годный эксперимент на JavaScript с событием resize
Называется Popup Trombone — и он буквально играет звук тромбона, когда ты изменяешь размер окна
Смешно, просто и идеально, чтобы поугарать над UX
👉 Гайды по JavaScript | дать буст
Называется Popup Trombone — и он буквально играет звук тромбона, когда ты изменяешь размер окна
Смешно, просто и идеально, чтобы поугарать над UX
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Хочешь добавить крутые звуковые эффекты в своё React-приложение?
Есть библиотека с готовыми звуками, которые легко интегрируются — просто подключай и наслаждайся.
Идеально, чтобы сделать UX живее и веселее
https://www.reactsounds.com/
👉 Гайды по JavaScript | дать буст
Есть библиотека с готовыми звуками, которые легко интегрируются — просто подключай и наслаждайся.
Идеально, чтобы сделать UX живее и веселее
https://www.reactsounds.com/
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Проблема: Вам нужно объявить типы в обычных
Решение: Используйте комментарии JSDoc.
Вот как это сделать.
👉 Гайды по JavaScript | дать буст
.js
файлах.Решение: Используйте комментарии JSDoc.
Вот как это сделать.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
LazyBrush
Это опенсорс JS-библиотека для рисования плавных кривых и прямых линий с помощью мыши, пальца или любого poniting устройства
https://github.com/dulnan/lazy-brush
👉 Гайды по JavaScript | дать буст
Это опенсорс JS-библиотека для рисования плавных кривых и прямых линий с помощью мыши, пальца или любого poniting устройства
https://github.com/dulnan/lazy-brush
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Большая новость для JavaScript-разработчиков
TikTok представил Lynx — мощную альтернативу React Native для создания кроссплатформенных нативных приложений на едином JavaScript-коде.
👉 Гайды по JavaScript | дать буст
TikTok представил Lynx — мощную альтернативу React Native для создания кроссплатформенных нативных приложений на едином JavaScript-коде.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Новая фишка в Chrome DevTools — теперь можно аннотировать перформанс-трейсы с помощью Gemini
Разрабы из Google прикрутили ИИ прямо в инструменты производительности: кликаешь два раза по ивенту в Main-треке, жмёшь «Generate label», и Gemini на основе стека вызовов и контекста подсказывает, что там вообще происходит
Фича полезная, особенно для глубокого разбора. Стоит попробовать✌️
Работает с версии Chrome 137
👉 Гайды по JavaScript | дать буст
Разрабы из Google прикрутили ИИ прямо в инструменты производительности: кликаешь два раза по ивенту в Main-треке, жмёшь «Generate label», и Gemini на основе стека вызовов и контекста подсказывает, что там вообще происходит
Фича полезная, особенно для глубокого разбора. Стоит попробовать
Работает с версии Chrome 137
Please open Telegram to view this post
VIEW IN TELEGRAM
Angular v20 уже доступен
Ознакомьтесь с блогом, чтобы узнать о новых фишках, и не пропустите премьеру ивента для разработчиков — уже завтра, 29 мая в 9:00 по тихоокеанскому времени
> https://blog.angular.dev/announcing-angular-v20-b5c9c06cf301?gi=ae8c9249e332
👉 Гайды по JavaScript | дать буст
Ознакомьтесь с блогом, чтобы узнать о новых фишках, и не пропустите премьеру ивента для разработчиков — уже завтра, 29 мая в 9:00 по тихоокеанскому времени
> https://blog.angular.dev/announcing-angular-v20-b5c9c06cf301?gi=ae8c9249e332
Please open Telegram to view this post
VIEW IN TELEGRAM
улучшенная реализация typeof, используемая в Zod для человеко-понятных сообщений об ошибках
👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
JavaScript — это широко используемый язык программирования, а значит, он является основной целью для атакующих.
Поэтому важно убедиться, что ваши JS-приложения защищены.
В этом руководстве автор рассказывает о распространённых уязвимостях и о том, как защитить свой код.
https://freecodecamp.org/news/how-to-secure-javascript-applications/
👉 Гайды по JavaScript | дать буст
Поэтому важно убедиться, что ваши JS-приложения защищены.
В этом руководстве автор рассказывает о распространённых уязвимостях и о том, как защитить свой код.
https://freecodecamp.org/news/how-to-secure-javascript-applications/
Please open Telegram to view this post
VIEW IN TELEGRAM
Крутой трюк: используй тип
👉 Гайды по JavaScript | дать буст
never
в TypeScript, чтобы отлавливать необработанные случаи.Please open Telegram to view this post
VIEW IN TELEGRAM
❤2
Прощай,
В JavaScript появилась новая предложенная возможность — добавить объект Random в сам язык.
Он включает множество методов для генерации случайных значений
👉 Гайды по JavaScript | дать буст
Math.random()
В JavaScript появилась новая предложенная возможность — добавить объект Random в сам язык.
Он включает множество методов для генерации случайных значений
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
Когда-нибудь замечал символы ^ или ~ в package.json и просто их игнорировал?
Эти маленькие значки тихо управляют обновлениями твоего приложения — и могут стать разницей между плавным обновлением и ломающим всё багом.
🔹 ^ (крышка): разрешает минорные и патч-обновления
→ ^18.3.1 обновится до 18.4.x, но не до 19.0.0
🔹 ~ (тильда): разрешает только патч-обновления
→ ~18.3.1 обновится до 18.3.2, но не до 18.4.0
👉 Гайды по JavaScript | дать буст
Эти маленькие значки тихо управляют обновлениями твоего приложения — и могут стать разницей между плавным обновлением и ломающим всё багом.
→ ^18.3.1 обновится до 18.4.x, но не до 19.0.0
→ ~18.3.1 обновится до 18.3.2, но не до 18.4.0
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Формы во Vue выводят из себя?
Вспомни про
На картинке — чистая валидация с vee-validate
👉 Гайды по JavaScript | дать буст
Вспомни про
useField
На картинке — чистая валидация с vee-validate
Please open Telegram to view this post
VIEW IN TELEGRAM