🔝 zod - ТОПова ліба для валідації схем.
А в звʼязці з react-hook-form (via zodResolver) - шикарне рішення для 99% задач по формам.

Тому що zod:
→ сходу написана на TypeScript ✅
→ 19.7K ⭐️ GitHub
→ лаконічна і строга (всі філди обовʼязкові по дефолту на відміну від yup, strict tsconfig etc)
→ очевидні типи і логіка валідації

Зокрема автор ліби пояснює як робити кондішинал валідацію гарніше ніж придумав yup:
→ .refine
→ .superRefine - тут можна все дуже гарно реюзати, типізувати і видавати релевантні ерори.

Насправді альтернатива зода - яп - теж доволі хороша ліба.
Пару років юзав яп і ок.
Але “магія джаваскрипта” яка початково існувала в япі дає про себе знати.

На практиці:
→ юзаю yup бо так історично склалось
→ активні проєкти поступово рефакторю на zod
→ нові проєкти пишу з zod

І вам рекомендую 👉

Хто хоче холіварити яка ліба краще - Zod or Yup - саме час це зробити в коментах 😃

#coding

Регулярки бувають дуже складні.

Відмічу два інструменти:
1. Сайт https://regexr.com/
2. Ліба https://regexp.dev/ (magic-regexp)

> Стосовно сайта regexr.com - це ТОП 🥇

Я постійно ним користуюсь:
→ коли треба написати чи продебажити регулярку
→ легкий і зручний інтерфейс
→ весь синтаксис розписаний, категоризований
→ візуалізація паттернів
→ легко тестувати, особливо граничні кейси

Чесно, цей сайт вирішив задачі всіх регулярок з якими я стикався досі за 10+ років девелопмента.
Саме на цьому сайті я нормально вивчив синтаксис регулярних виразів.

> Стосовно ліби regexp.dev

Нещодавно про неї дізнався (дякую підписникам)
→ 3K ⭐️ GitHub
→ TypeScript generics inferred ❤️
→ дока розписана гарно і добре
→ використовує builder pattern щоб будувати складні регулярки крок за кроком

Виглядає цікаво і вже знайшла багато своїх фанатів.
Можливо буду юзати, а поки KISS - сайту цілком вистачає.

> Clean code points

→ всі регулярки винось в очевидно іменовані константи, наприклад регулярка на пікчі це славнозвісний EMAIL_VALIDATION_REGEX
→ коли назви не вистачає, розпиши JSDoc коментарем суть регулярки
→ опиши приклади: базовий та граничні кейси

#coding #software #regex

🆕 Оновили футер сайту.
Додали:
- Terms And Conditions
- Payment methods SVG icons

Скоро їм буде використання 😏

P.S. іконки оптимізовані через тулзу SVG Viewer. Кому треба - копіюйте собі прямо з футера на сайті.

#targer

#TypeScript 5.0 ✅ 🎉

Він тут! Обожнюю апгрейди 😍

Вже сьогодні можете юзати нові фічі, яких чимало.
Адже це мажорний апгрейд 😎

У цьому дописі хочу виділити один поінт - команда розробки змінила інфраструктуру того як мова написана під капотом.

Вони відмовились від namespaces переписавши всю кодбазу на ECMAScript modules.

Саме це зробило нову версію швидшою і легшою!
→ білд тайм швидше на 10%-25%
→ typenoscript package size зменшили на 46%
→ розробники мови краще розуміють користувачів адже тепер самі всюди мають працювати з модулями, не неймспейсами

А це прямопропорційно зручно розміру ваших проєктів.
Тому шлемо лайки дев команді тайпскрипта за те що вони такі молодці ❤️

600, дякую 🤗 🎉

Опис бага 😀 😁

Усім рівних маркапів 🍀 ✌🏻

4 096 - це не просто 4 кілобайти.
І не просто перша моя зарплата в командній розробці.

Це число символізує дещо важливе.

Завдяки цьому числу ми розпочнемо те, що відрізняє нас від купи інших інфопабліків.

Адже ми не просто інфопаблік, розумієте? 😏

Дізрапт ринка! 💪
Я оголошую перше всеукраїнське змагання по джаваскрипту - JS Dark Ninja 🥷

💻 💻 👨‍💻 💻 💻 💻 💻 😱 😍

Такого ще ніхто не робив! 🔥

КОЛИ: 8 квітня 2023 з 14 до 18 год.

ДЕ: Онлайн.

ЯК: Купуй квиток на сайті https://targer.dev

Прийди і покажи свій скіл на практиці.
Докажи що ти ТОПовий девелопер 🔝

Виріши всі таски швидше і краще ніж інші учасники і отримай:
→ почесний титул JS Dark Ninja 🥷
→ винагороду переможця - 4096 грн 🤑

+20% піде на донат нашим героям в ЗСУ.

Репост другу якого інвайтиш на змагання 😈

💻 💻 👨‍💻 💻 💻 💻 💻 😱 😍

#targer #tcc #disrupt

Ви мої ранні пташки! JS Dark Ninja 🥷

А значить для вас діють спеціальні Early Bird Tickets 🕊
Зараз участь в змаганні коштує всього 💲 8️⃣ ✅

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

P.S. чим більше квитків розкуплять, тим кращі призи отримають переможці.

Встигніть купити самі і запрошуйте друзів та колег - https://targer.dev

Залишилось 15 днів. 😎
Пролетять швидко. Інфа сотка.

#targer #tcc

👋 записав відео щоб ви розуміли як виглядає процес змагання.

Додатково планую стрімити початок і кінець змагання.
Інший час будемо чатитись в групі.

Залишилось 14 днів ⏳

https://www.youtube.com/watch?v=Iq8Sho6WM-0

Переходь на ютюб щоб клікати таймкоди ☝️

#targer #tcc #youtube

Завтра ефір 👋
17:30 - 18:30

Година дзвінку в гуглміт про ІТшні теми.

Ви питаєте я відповідаю.
Згадуйте кому що цікаво :)

Зокрема розкажу чому люблю теілвінд.

Лінка на дзвінок - https://meet.google.com/zkv-gvvq-tav

Tailwind intellisense працює в VS Code 👩‍💻

Інсталимо екстеншин bradlc.vscode-tailwindcss і базова магія інтелісенсу готова.

Далі, для кастомних пропсів компонентів, для винесених змінних я додаю ось таку конфігу в .vscode/setings.json

І тоді все правильно підсвічується, підсказує 💫

  "tailwindCSS.classAttributes": ["class", "className", "ngClass", ".*ClassName", ".*Styles"],
  // The assumption is the block should end with ;
  // (and there should be no ; within the classes declarations)
  "tailwindCSS.experimental.classRegex": [
    ["/\\*tw\\*/ ([^;]*);", "'([^']*)'"],
    ["clsxm\\('([^']*)'\\)"]
  ],

#coding #tailwind #tailwindcss

April Bug Bounty 😏

Бездоганних MVP стартапів не буває - інакше то вже не MVP.

Мій стартап таргер знаходиться саме на цій стадії зародження, перших клієнтів - дорогих учасників змагань 🤗

І всі ваші фідбеки, ваші репости і розповіді друзям - це дуже допомагає продукту стати бездоганним 🔝

Дякую вам! 😊

Вже через тиждень, наступної суботи відбудеться перше публічне змагання 🤩

Потрібно добре підготуватись, тому я запрошую всіх до безкоштовного тестування системи - так званої Bug Bounty Program.

Хто знайде критичні баги, важливі вразливості системи - той отримає круті знижки на квиток до основного івенту JS Dark Ninja 🥷

Івент для тестінга вже на сайті - https://targer.dev/competitions/5116f35d-a786-4cfc-9267-564e03ce8acd

Старт сьогодні о 19, завершуємо в пн о 9 ранку ⏳

April Bug Bounty telegram group - https://news.1rj.ru/str/tcc_bug_bounty

В групі обговорюємо фідбеки, знайдені баги 👆

Все безкоштовно, допоможіть протестити і покращити продукт 👨‍💻