Легко проходи вложенные массивы с помощью
👉 Гайды по JavaScript | дать буст
reduce()
и рекурсии в JavaScriptPlease open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Превратите любой репозиторий GitHub в интерактивные диаграммы
Представляем GitDiagram. Просто замените
👉 Гайды по JavaScript | дать буст
Представляем GitDiagram. Просто замените
"hub"
на "diagram"
в URL-адресе GitHub и мгновенно визуализируйте кодовую базу с помощью интерактивных диаграмм.Please open Telegram to view this post
VIEW IN TELEGRAM
❤2
Совет по JavaScript
Юзай новый метод
Поддерживается всеми современными браузерами
👉 Гайды по JavaScript | дать буст
Юзай новый метод
Object.groupBy()
— группируй объекты по любому свойству в одну строку, без плясок с бубномПоддерживается всеми современными браузерами
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3👍2
Динамические маршруты
Обрабатывайте динамические пути с помощью TypeScript
👉 Гайды по JavaScript | дать буст
Обрабатывайте динамические пути с помощью TypeScript
Please open Telegram to view this post
VIEW IN TELEGRAM
Как правильно создавать переиспользуемые компоненты в React
Создавайте небольшие обёртки над нативными элементами, принимающие те же props.
Это позволяет переиспользовать компонент, настраивать стили и при этом сохранять единообразие и гибкость во всём коде
👉 Гайды по JavaScript | дать буст
Создавайте небольшие обёртки над нативными элементами, принимающие те же props.
Это позволяет переиспользовать компонент, настраивать стили и при этом сохранять единообразие и гибкость во всём коде
Please open Telegram to view this post
VIEW IN TELEGRAM
keyof в TypeScript
Оператор типа
👉 Гайды по JavaScript | дать буст
Оператор типа
keyof
принимает тип объекта и создаёт объединённый тип (union) из его ключейPlease open Telegram to view this post
VIEW IN TELEGRAM
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Настоящий кладезь для разработчиков
Этот сайт собирает шпаргалки по множеству языков программирования, фреймворков и технологий: от Python и JavaScript до Git и MySQL
Всё отсортировано в алфавитном порядке для удобства пользования, а каждый из элементов шпаргалки ведёт на документации
Когда срочно нужно вспомнить синтаксис или команду — must-have: https://overapi.com/
👉 Гайды по JavaScript | дать буст
Этот сайт собирает шпаргалки по множеству языков программирования, фреймворков и технологий: от Python и JavaScript до Git и MySQL
Всё отсортировано в алфавитном порядке для удобства пользования, а каждый из элементов шпаргалки ведёт на документации
Когда срочно нужно вспомнить синтаксис или команду — must-have: https://overapi.com/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
This media is not supported in your browser
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
👍1
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
❤1
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
❤1
Хочешь разобраться в веб-разработке с нуля и бесплатно?
Курс 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
🔥5
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
❤1
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