Фишка в TypeScript, которая поднимет код вашей команды на новый уровень
Смотрите продвинутые паттерны в деле
👉 Гайды по JavaScript | дать буст
Смотрите продвинутые паттерны в деле
Please open Telegram to view this post
VIEW IN TELEGRAM
TypeScript был создан, чтобы прокачать JavaScript, добавив статическую типизацию
Если давно хотел разобраться с TS, начни с этого handbook от stephenjyd
Ты узнаешь про аннотации типов, type inference, union и any, объекты, параметры функций, type aliases, интерфейсы и многое другое
https://freecodecamp.org/news/learn-typescript-with-react-handbook/
👉 Гайды по JavaScript | дать буст
Если давно хотел разобраться с TS, начни с этого handbook от stephenjyd
Ты узнаешь про аннотации типов, type inference, union и any, объекты, параметры функций, type aliases, интерфейсы и многое другое
https://freecodecamp.org/news/learn-typescript-with-react-handbook/
Please open Telegram to view this post
VIEW IN TELEGRAM
10 часто используемых команд для работы с файловой системой в Linux
👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Этот паттерн в TypeScript сделает твой код лучше:
[C in Union]: Type[C]
Смотри, как это работает
👉 Гайды по JavaScript | дать буст
[C in Union]: Type[C]
Смотри, как это работает
Please open Telegram to view this post
VIEW IN TELEGRAM
Не экранируй вручную обратный слэш (
Он воспринимает
👉 Гайды по JavaScript | дать буст
\\
) — используй String.raw
String.raw
— это тег для template literal, который возвращает строку «как есть», без обработки escape-последовательностей вроде \t, \n.Он воспринимает
\
и t
как отдельные символы и сам правильно выводит обратный слэш в результате.Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Next.js 15.5. TypeScript стал удобнее
Теперь автоматически генерируются глобально доступные типы
✅ Полная типизация параметров
✅ Импорты не нужны
https://nextjs.org/blog/next-15-5
👉 Гайды по JavaScript | дать буст
Теперь автоматически генерируются глобально доступные типы
https://nextjs.org/blog/next-15-5
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Консольные методы JavaScript
- log( )
- error( )
- warn( )
- info( )
- debug( )
- table( )
- group( )
- groupEnd( )
- time()
- timeEnd()
- assert( )
- count( )
- countReset()
- dir( )
- clear( )
Читайте подробнее: https://shefali.dev/javascript-console-methods/
👉 Гайды по JavaScript | дать буст
- log( )
- error( )
- warn( )
- info( )
- debug( )
- table( )
- group( )
- groupEnd( )
- time()
- timeEnd()
- assert( )
- count( )
- countReset()
- dir( )
- clear( )
Читайте подробнее: https://shefali.dev/javascript-console-methods/
Please open Telegram to view this post
VIEW IN TELEGRAM
Shefali
JavaScript Console Methods: 14 Methods for Effective Debugging
Discover 14 JavaScript console methods to enhance the development workflow and make debugging much easier.
❤2
20.2: Используй новый Router Signal
👉 Гайды по JavaScript | дать буст
Router.getCurrentNavigation()
помечен как deprecated
Please open Telegram to view this post
VIEW IN TELEGRAM
Совет по JavaScript
Более простой и понятный способ форматировать длительности с помощью
👉 Гайды по JavaScript | дать буст
Более простой и понятный способ форматировать длительности с помощью
Intl.DurationFormat
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Это инструмент, о котором топ-1% JavaScript-разработчиков не хотят, чтобы ты знал 👀
Он буквально пошагово показывает, как движок JavaScript выполняет твой код, с визуализацией. Просто потяни с левого или правого верхнего угла, чтобы увидеть таймлайн выполнения в действии.
Жаль, что у меня этого не было, когда я только начинал учить JavaScript… это реально даёт более глубокое понимание того, что происходит «под капотом» :)
Источник : jsviz.klve.nl
👉 Гайды по JavaScript | дать буст
Он буквально пошагово показывает, как движок JavaScript выполняет твой код, с визуализацией. Просто потяни с левого или правого верхнего угла, чтобы увидеть таймлайн выполнения в действии.
Жаль, что у меня этого не было, когда я только начинал учить JavaScript… это реально даёт более глубокое понимание того, что происходит «под капотом» :)
Источник : jsviz.klve.nl
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2😁1
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Библиотека JavaScript для загрузки файлов на сайт
Называется Uppy, она модульная и с открытым исходным кодом.
✓ Поддерживает drag & drop, загрузку с веб-камеры или по URL
✓ Умеет загружать файлы из Dropbox, Google Drive и других сервисов
✓ Есть интеграции для React, Vue, Angular и Svelte
👉 Гайды по JavaScript | дать буст
Называется Uppy, она модульная и с открытым исходным кодом.
✓ Поддерживает drag & drop, загрузку с веб-камеры или по URL
✓ Умеет загружать файлы из Dropbox, Google Drive и других сервисов
✓ Есть интеграции для React, Vue, Angular и Svelte
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
В следующей версии Bun
В JavaScript появится нативная поддержка YAML
Можно будет импортировать, бандлить, подключать через require и парсить YAML так же просто, как JSON.
Ban:
👉 Гайды по JavaScript | дать буст
В JavaScript появится нативная поддержка YAML
Можно будет импортировать, бандлить, подключать через require и парсить YAML так же просто, как JSON.
Ban:
Чтобы это реализовать, мы написали парсер YAML на Zig. Он проходит 90% тестов совместимости YAML 1.2, и мы продолжаем работать над тем, чтобы этот показатель рос.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Иногда в проектах нужно сортировать данные по дате.
В JavaScript есть разные способы сделать это — одни работают быстрее, другие медленнее.
В этом гайде BrandonWoz разбирает медленный способ (преобразование строк с датами в объекты Date прямо внутри функции сортировки) и показывает более быстрый вариант.
https://freecodecamp.org/news/how-to-sort-dates-efficiently-in-javascript/
👉 Гайды по JavaScript | дать буст
В JavaScript есть разные способы сделать это — одни работают быстрее, другие медленнее.
В этом гайде BrandonWoz разбирает медленный способ (преобразование строк с датами в объекты Date прямо внутри функции сортировки) и показывает более быстрый вариант.
https://freecodecamp.org/news/how-to-sort-dates-efficiently-in-javascript/
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM