Авто-імпорти крута штука, але перевіряй що і звідки заімпортилось.

Останній проблемний кейс - ідешка заімпортила сорс файл 🔤🔤🔤🔤 з ліби замість того щоб заімпортити лише🔤🔤🔤🔤🔤 тайпінги з dist папки.

Це призвело до того що білд крашився - TypeScript компілятор перевіряв типізацію самої ліби і там фейлився 🤦‍♂️ (в дев режимі білдить ок, тому не помітно одразу).

tsconfig.json з конфігою “skipLibCheck: true” - не допомагає в цьому кейсі. Бо заімпортився “.tsx” файл який мусить пройти компіляцію і всі перевірки типів.

Тобто правильний імпорт на скріншоті буде:

import { UseLoadScriptOptions } from '@react-google-maps/api/dist/useLoadScript';

Годину витратив на пошуки проблеми ⏳
Буває :)
Довіряй але перевіряй що автоматично вписує твоя улюблена IDE 😉

#coding #typenoscript

256+, летимо ✈️ 🚀 🚀

Тепер нас не опишеш одним байтом - ми більше 😎

Дякую усім вам 🤗
Найкрутіше попереду!
❤️ ❤️ ✅

#milestone

🐑 🐑 structuredClone - нативний метод джс, який вміє копіювати майже все: ✅

→ буфери
→ типізовані масиви
→ глибоко вкладені обʼєкти
→ мапи і сети
→ зациклені обʼєкти (тут звичайний JSON.stringify взагалі крашиться)

І звичайні примітиви, звісно ✅

Що не вміє клонувати це: 🙅‍♂️🙅‍♂️
→ функції

e.g. () => 5;

→ ДОМ елементи

e.g. document.createElement(‘div’);

→ днк овець (так, емоджі вівці це референс на успіхи генної інженерії)

❕ Хей, та викинь ти нарешті той lodash з проєкта!
Є сучасні нативні методи та значно кращі ліби наприклад ramdajs

p.s. цей метод працює в двигуні браузера, а для ноди є аналогічне Serialization API

TypeScript playground demo

#coding

🔤🔤🔤 Profile Survey - нова фіча таргера 🎉

Сьогодні реліз фічі профіля - пліз зайди на сайт і за 5 хв заповни коротку форму ✍️

Збільшуємо інтерактив, гайс 😏

Назбиравши достатньо інфи, тут в каналі я опублікую статистику: 📊 📊
→ з яких міст України і взагалі світу
→ які зарплати
→ скільки років комерційного досвіду
→ тощо

Чим більше профілів буде заповнено, тим реальніше статистика відобразить ситуацію на ринку. ✅
Запрошуй друзів та колег 🤗

🔐 Інфа конфіденційна, профілі рекрутерам без вашого дозволу не зашараться 👌

#targer

🔐GitHub oAuth покращено. Заповнити свій профіль стало ще безпечніше. ✅

Тепер таргер запрошує лише рідонлі доступ до гітхаб акаунта під час авторизації 👍
Це відповідає відомому принципу Principle of least privilege.

🙀 Раніше оауз запрошував доступ до ваших приватних репозиторіїв щоб сетапити власні репо під кожне змагання кожному учаснику.

З метою захисту ваших даних даних, флоу змагань буде переписано.
Таргер мігрує на GitHub Apps integration та буде інвайтити учасників змагання як колабораторів на репо кожного змагання.

Щоб ваші дані були в безпеці 😍

p.s. дякую усім хто вже заповнив профілі 😊
Збираємо інфо далі ⏳

#targer

😎 Шикарний mounted паттерн для useEffect.

Ключовий для асинхронних тасок зокрема:
→ проміси 🙏
→ таймаути ⏳
→ інтервали ⏳
→ колбеки 🤙

Багато девелоперів не бачать наскільки це лаконічне і витончене рішення купи асинхронних проблем.

І починають оверінжинірити - додають useRef, створюють зовнішні мутабельні змінні, залучають глобальний стейт рідакса тощо. 😨 🙅‍♂️

Хендли асінки лаконічно, бро 😉

#coding #react #async

🔤 🆚 🔤 Що вміє інтерфейс чого не вміє тип:
→ мерж декларацій

Що вміє тип чого не вміє інтерфейс: 💪
→ літерали
→ юніони
→ тапли (кортежі)
→ маппед тайпи
→ кондішинал тайпи
→ темплейт літерали

Все інше можна зробити і типами і інтерфейсами.

Питання синтаксису або конвенцій на проєкті, кому що подобається 😘 😘

#coding

Дві букви краще ніж чотири.
Маєш різні проєкти з різними пекедж менеджерами?
npm, yarn, pnpm - що якби не паритись яку команду де прописати?

Придумали ютілу @antfu/ni ✅

Просто написав ni - заінсталило пекеджі ✅
Написав nr start і запустило start команду правильного менеджера в проєкті 🧠

→ реально тепер не парюсь чий локфайл прописаний в репо
→ менше символів для вводу
→ fig.io підказки працюють справно 💫

Особисто для мене фаворитом досі залишається yarn ❤️
Но тестую pnpm і ютіла від антфу допомагає легко перемикатись між проєктами, які навіть на npm бувають з різних причин.

https://github.com/antfu/ni

#software

🔝 react-number-format - крута ліба для юзер френдлі форматування інпутів:

→ грошові суми, великі відстані (пише кому де треба)
→ телефонні номери по кастомному паттерну (пише рисочки і пробіли де хочеш)
→ кастомна функція для форматування самих диких варіантів

Реальний кейс з практики - інпути для вводу зарплат на профілі таргера.

💅 UX note
Для числових інпутів роби плейсхолдер “0” - щоб юзер міг одразу вписати число яке хоче, не видаляючи “0” from value - тобто нуль завжди видно коли пустий інпут.

Документація ліби містить усі необхідні приклади коду і інтерактивні демо.

p.s. заповни профіль на таргері і сам відчуй як це зручно 😏 - https://targer.dev/survey

#coding #react

🎉 отримав доступ до ChatGPT завдяки друзям з Іспанії 😎

Це було не легко бо сервіс перегружений трафіком з усього світу, сама хайпова штука зими. Кілька тижнів намагались зарегати акк.

Йду експериментувати з цією нашумівшою тулзою.

А ви пропонуйте свої варіанти питань в коменти 👇

Щоб українцям зареєструватися в ChatGTP потрібно:
- юзати VPN (бо Україну не дозволяє)
- мати електронну пошту - я використав gmail
- мати працюючий моб номер з Європи (на нього прийдуть смс верифікації)

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

Я дякую своїм друзям з Іспанії за цікаву вечірню розмову з АІ сьогодні 😊 🤖

#chatgpt #tutorial

Разом з ChatGPT я отримав доступ до інших продуктів OpenAI.

Зацініть які круті логотипи згенерив мені DALL-E сервіс.

Я просто вигрузив лого і ні слова йому не сказав - за кілька секунд отримав варіанти 🤩 🤩

Це шалений буст в індустрії креатива.
Захоплююче і лякаюче одночасно.

А варіанти лого цікаві 😏

#openai #dalle

🦾 Самі активні девелопери живуть в містах:
→ Львів (+Золочів)
→ Київ
→ Хмельницький
→ Кропивницький
→ Тернопіль
→ Черкаси
→ Полтава

Сама висока зарплата - у Львові 🤑 🤑 🤑

Друзі, заповнюйте профілі на сайті і я буду ділитись ще цікавішою статистикою про наше коммюніті 😉

При достатній кількості мемберів сформуємо осередки таргера у містах:
→ щоб нетворкати офлайн 🗣️
→ знаходити нових друзів 👋
→ стати партнером з кимось у стартапі ✨
→ брейнштормити як зробити наше коммюніті ще краще 🧠 💡

Я особисто живу в Хмельницькому і буду радий зустрітись вживу - пишіть в лічку 🤗 (кнопка закріплена в каналі справа зверху)

Заповнити профіль тут - targer.dev/survey

#targer #survey

🔝 react-hook-form - ТОПова ліба для роботи з формами в реакті.

Відмічу два пункта:
→ перфоменс
→ зручність

Перфоменс досягається через мутабельний підхід (using ref to DOM elements).

На офіційному сайті розписані всі деталі чому ліба крута.

З моєї сторони що важливо - підтвердити що ліба крута.
Юзаю цю лібу на таргері та на інших проєктах що роблю для закордонних клієнтів.

Вже 2 роки досвіду з нею і все супер 🆗

Ніякого більше форміка.

#coding #react