Как правильно создавать переиспользуемые компоненты в 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
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
Маленькая шпаргалка для начинающих джаваскриптеров: как работать с объектами как с массивами
Сохраняем и пользуемся☕️
👉 Гайды по 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