🔝 fig.io - наша топова рекомендація тулзи для продуктивності в терміналі.

З початку року користуємось для git, SSH, cd та інших команд - зручно і швидко.

Деякі опції взагалі вперше почули, одразу проскілапились 🧠

P.S. тулза пріоритетно для макос, інші системи в вейтлісті

#software

🔐 Free VPN 🧑‍💻

Рекомендую. Безпечний інтернет від світового авторитета інтернет сервісів CloudFlare 😎

Заціни яка мажорна адреса - https://1.1.1.1/

#software

🎄 який рік такі й прикраси на ялинку 🎄

🧑‍💻 🧑‍💻 Шановне панство, вітаю усіх з Міжнародним Днем Програміста 🎉

Раніше свято відзначали в 256й день року, але оскільки цю дату придумали в рашці, то коммюніті зробило пул реквест 🔄 на 7 січня.

Офіційного рішення від Мінцифри поки нема.

Опитування на ДОУ за лінкою.

➕✖️ btw these large scary math symbols are just for-loops

⭐ IMDb 7.3 🎬
Не спрацювало (2022)

Історія на реальних подіях про крах багатомільярдного стартапа єдинорога 🦄 🤦‍♂️ 💥

😎 Джаред Лєто в головній ролі запустив глобальну мережу коворкінгів, а далі щось пішло не так.

Міні серіал від Епл 🍏 покаже деталі.

#movietime

Authy by Twilio - nice 👍👍

Автентикатор гугла - лажа 💩

Колись ще на початку TOTP (Time-based one-time password) ери юзав автентикатор гугла.

Крутий підхід, а реалізація гугла відстій.
Ні дизайну ні функціональності. 🔴
Потім як втратив доступ до девайса - ледь відновив доступ до сервісів, шукав бекап коди, купу часу витратив 😫😨

Вже кілька років як користуюсь лише Authy:
- сінк акаунта через клауд
- приємний, продуманий дизайн

При зміні смартфона це мастхев, тому рекомендація однозначна.

#software

Юзай табулярні шрифти 1️⃣2️⃣3️⃣4️⃣
Проси дизайнера хай малює шрифтами з підтримкою табуляції:
- щоб лейаут був рівним ✅
- щоб не скакав від різниці ширини “11:11” та “22:22” ✅

Особливо коли мова про таймери, живі тікери, каунтери тощо.

Tailwind має ютілу для цього - tabular-nums

❔ Що робити коли шрифт не підтримує табуляцію?

В таких випадках я роблю симуляцію табуляції - рендерю кожен символ стрінги в окремому div елементі з фіксованою шириною 🧠

#ux

🤩Заціни яку шрифтову красу зробили українці з MacPaw - https://fixel.macpaw.com

- підтримка кирилиці 💪🇺🇦
- варіативні розміри ✅
- табулярні числа ✨
- та інші круті штуки показані на лендінгу 👍

Про табулярні числа в шрифті - дивись два дописи назад 👆

Голий JavaScript не вміє правильно округляти цифри після коми (float numbers) 😓
Нативний метод .toFixed працює баговано 🐞
Це повʼязано з Round-off error яка фікситься через Number.EPSILON корекцію 🤓

Саме лаконічне рішення: ✅


const round = (num = 0, fractions = 0) => {
const k = Math.pow(10, fractions);
const n = (num * k) * (1 + Number.EPSILON);
return Math.round(n) / k;
}


Для складних і точних операцій над числами з плаваючою комою потрібно юзати лібу наприклад decimal.js

TypeScript playground for demo

#coding

31 лютого це валідна дата для JavaScript 😁

Вона буде сконвертована в 3 березня (або друге, залежить від року).

Дати - хитра тема в джс, для роботи з ними варто юзати лібу.

date-fns - ТОПова ліба для роботи з датами в JS.
- Pure functions підхід 🤌💯
- Купа методів і готових рішень в інеті ✅
- Форматування дати по темплейту 💅

😎 satisfies - ключове слово TypeScript 4.9.
❤️ Моє улюблене від сьогодні, давно чекав.

Літерал типи інферяться зі збереженням відповідності базовим типам!

Кейси що одразу спадають на думку:
- конфіги роутинга
- конфіги API реквестів
- інші обʼєкти літеральні проперті яких далі трансформуються через mapped types

Більше деталей на офіційних реліз нотатках версії 4.9

Пора рефакторити проєкти на новий манер 💻

#coding

🐞 CSS vh юніт багований для мобілки.

Кейс - фулскрін діалог (модалка) абсолютно чи фіксед позиціонований.

Якщо вказати висоту діалога 100vh на десктопі - все працює класно як і очікували. 😊

Але на мобілці (e.g. Chrome iOS) висота сьорчбара і нижніх кнопок навігації браузера не враховані 🤦‍♂️
100vh рендериться більше ніж доступно місця, не влізає в один екран і тому контент перекривається:
- юзери сумують, не бачать весь контент 🙈
- не можуть закрити діалог чи клікнути кнопку (бо не видно одразу) 😭

✅ Рішення = “100%” (h-full) instead of “100vh” (h-screen)

Tailwind playground demo

#coding

😎 useHandler - ідеальний useCallback бо всі залежності завжди актуальні.

Ходили чутки що такий хук буде частиною реакта 18 версії, але досі нема.

А я вже більше року користуюсь і кайфую: 😊
- дуже зручно НЕ прописувати руками залежності 👍
- зручна конвенція суфікса “Handler” - clickHandler, mousedownHandler, submitHandler etc 👍
- нема зайвих ререндерів бо референс завжди однаковий а боді функції завжди актуальне, з усіма актуальними залежностями 👍

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

TypeScript playground demo

#coding #react

Таргеріанці, перша 100я пройдена! 🎉

Ви суууупер! ⭐

🙏 Дякую усім хто:
- Підписався ✅
- Ставить реакції ❤️
- Шарить друзям 👨‍💻 💻 💻 💻

Це дуже приємно! Це надихає, мотивує і стверджує нашу цінність.

Найкрутіше попереду 🔝 💪 😎 🤗

#milestone

Пʼятниця - пора комплітити спринт 😁
Дожимайте задачі, гайс ✌️