Гайды по JavaScript | Программирование
8.16K subscribers
3.16K photos
77 videos
20 files
3.21K links
Наглядные и доступные гайды в картинках по языку программирования JavaScript

Связь: @devmangx
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Нужны качественные UI-компоненты для React-проектов

Эта open-source библиотека собрала отличную коллекцию компонентов, каждый с разными вариациями под твои задачи в интерфейсе.

Надеюсь, будет полезно

https://reui.io/
Фишка в 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 | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
В JavaScript у Promise есть несколько часто используемых методов

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
2
10 часто используемых команд для работы с файловой системой в Linux

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Этот паттерн в TypeScript сделает твой код лучше:

[C in Union]: Type[C]

Смотри, как это работает

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Не экранируй вручную обратный слэш (\\) — используй String.raw

String.raw — это тег для template literal, который возвращает строку «как есть», без обработки escape-последовательностей вроде \t, \n.
Он воспринимает \ и t как отдельные символы и сам правильно выводит обратный слэш в результате.

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Next.js 15.5. TypeScript стал удобнее

Теперь автоматически генерируются глобально доступные типы

Полная типизация параметров
Импорты не нужны

https://nextjs.org/blog/next-15-5

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Выпущена версия Angular 20.2

👉 Гайды по JavaScript | дать буст
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 | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
2
20.2: Используй новый Router Signal

Router.getCurrentNavigation() помечен как deprecated

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Совет по JavaScript

Более простой и понятный способ форматировать длительности с помощью Intl.DurationFormat

👉 Гайды по JavaScript | дать буст
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 | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
2😁1
Манипулирование массивами

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5😁1
This media is not supported in your browser
VIEW IN TELEGRAM
Библиотека JavaScript для загрузки файлов на сайт

Называется Uppy, она модульная и с открытым исходным кодом.

✓ Поддерживает drag & drop, загрузку с веб-камеры или по URL
✓ Умеет загружать файлы из Dropbox, Google Drive и других сервисов
✓ Есть интеграции для React, Vue, Angular и Svelte

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
В следующей версии Bun

В JavaScript появится нативная поддержка YAML

Можно будет импортировать, бандлить, подключать через require и парсить YAML так же просто, как JSON.

Ban:
Чтобы это реализовать, мы написали парсер YAML на Zig. Он проходит 90% тестов совместимости YAML 1.2, и мы продолжаем работать над тем, чтобы этот показатель рос.


👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM