<meta name="viewport" content="width=device-width, initial-scale=1" /> 🔍

Всі це додають, але не всі знають, для чого оцей мета-тег майже на кожній веб-сторінці. А ця історія тягнеться ще з виходу першого iPhone в 2007 році.

Тому, якщо вам цікаво, що зламається, коли ви заберете цей тег, перегляньте коротке відео нижче.

👉 Дивитись відео

#shorts

as const 🤨

Для тих, хто клікнув на "👍 Так" у попередньому пості, радимо переглянути коротке відео з поясненням. Воно дає зрозуміти, чому TypeScript такий строгий стосовно типів у такому коді.

👉 Дивитись відео

А для того, щоб краще розібратись з конструкцією as const у TypeScript, дивіться повне відео.

👉 Дивитись відео

#shorts

JavaScript ASI 🥴

Просто шматок коректного TypeScript коду:

;(variable as string).toLowerCase()

Насправді, таке ж можна знайти і в JavaScript. Для тих, кому цікава причина такого дивного форматування, додаємо посилання на коротке відео з поясненням.

👉 Дивитись відео

#shorts

Prettify TypeScript: Better Type Previews 🤩

Коли працюєте з TypeScript і хочете підглянути, що ж за властивості є в певному типі, часто там можна побачити просто type AB = A & B, і треба копати далі, щоб просто дізнатись про існування кількох полів.

Проте існує дуже просте вирішення такої проблеми, про яке ви можете дізнатись з відео нижче!

👉 Дивитись відео
👉 Відкрити посилання на розширення

#shorts

#how_to ввімкнути inlay підказки в VSCode

👉 Відкрити посилання

#shorts

Right Sidebar ➡️

В більшості середовищ розробки присутній Sidebar з певним функціоналом, зазвичай - дерево файлів, пошук та інше. Ви точно бачили такий в VS Code.

От останнім часом спільнота активніше говорить про те, що є сенс в тому, щоб пересунути sidebar в праву сторону, щоб при зміні його розміру код залишався в одному місці. А з якої сторони у вас знаходиться sidebar?

👉 Дивитись відео

#shorts

#how_to використовувати Object.groupBy в JavaScript.

👉 Дивитись відео

#shorts