Never* use git pull ↙️

Якщо ви працюєте над проєктом не самі, то вам часто доводиться стягувати зміни з поточної гілки або з базової. Якщо ви робите це через git pull - ви кожного разу будете отримувати новий merge комміт. Наче нічого поганого, але постійно буде присутній один "зайвий" комміт.

А от як цього можна уникнути завдяки rebase - дивіться у відео за посиланням нижче.

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

#tips

VS Code Remote tunnels 🚇

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

Яке саме? Дивіться у відео за посиланням нижче.

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

#tips

Ollama 🤖

Ollama — це open-source платформа для запуску LLM (великих мовних моделей) безпосередньо на вашому комп'ютері. Це дає вам можливість використовувати потужність штучного інтелекту без потреби в хмарних сервісах, що не тільки підвищує швидкість обробки, але й забезпечує більший контроль за вашими даними. Ви можете вибрати з великої кількості готових моделей, а також знизити витрати, використовуючи ресурси свого пристрою.

Ollama також дозволяє налаштовувати та розширювати моделі під ваші конкретні завдання, пропонуючи спеціальний файл конфігурацій — Modelfile (нічого вам не нагадує?).

#tips

Spell Checker 🧙

Spell - це про заклинання чи орфографію?

Ми будимо кречати про це завжди! Коли ми програмуємо, то постійно використовуємо англійську. І хоча код на ламаній англійській усе одно працюватиме, це не є дуже хорошою практикою та може збивати з пантелику ваших колег.

На щастя, є дуже багато способів слідкувати за орфографією:

- VSCode має розширення;
- JetBrains, здається, має це вже вбудовано;
- для браузеру можете встановити Grammarly.

#tips

ESLint Stylistic 💅

ESLint має окремий плагін, який спрямований саме на стиль коду. Раніше ці правила були частиною самого ESLint, але тепер їх винесли окремо.

Звісно, це не зробить ваш код більш ефективним, але, можливо, ви захочете забезпечити єдиний стиль для всієї команди. У поєднанні з Prettier можна налаштувати досить суворі правила форматування. Тішить, що більшість правил підтримують auto-fix.

Ми зараз пробуємо додати цей плагін, щоб форсувати відступи під директивами ("use client"/"use server"). Можливо, це не надто корисно, але зате забезпечить узгодженість у всьому коді.

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

#tips

State of JS/React 🤨

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

Опитування щодо JavaScript і React відкриті!

На нашу думку, це не просто спроба отримати статистичні дані. Використайте це на свою користь: додавайте у свій Reading List нові речі, про які ви не чули, або ж чули, але досі не досліджували. Наприклад, у першому питанні ми для себе відзначили error.cause та hashbang grammar. Також позначайте своє ставлення до технологій у запитаннях — це дає корисний фідбек для всієї спільноти.

І, звісно, це ще одна нагода показати світу, що в Україні багато крутих спеціалістів!

👉 Відкрити State of JavaScript 2024 Survey
👉 Відкрити State of React 2024 Survey

#tips

CSS changed 🟣

Перше, що варто зазначити, — CSS отримав нове лого. Історія походження цього кольору справді унікальна. Щоб дізнатися більше, перегляньте відео нижче.

Бонусом: Fireship розповідає про фічі CSS, які мало хто знає, але більшість із них вже стали або незабаром стануть стандартними у браузерах.

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

#tips

Warp Integrations 🔌

@MatiGreen нещодавно поділився в чаті статтею, у якій пояснюється, як додати інтеграцію Warp із VSCode, JetBrains, Raycast або навіть Docker.

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

#tips

Money 💸

Один зі способів заробітку — оплата за послуги у ваших застосунках. І один із найпопулярніших способів це зробити — підключити Stripe.

Ми ще не маємо достатнього досвіду роботи з ним, щоб давати поради. Натомість ділимося статтею від Theo Browne, який описав план інтеграції Stripe у застосунок.

Також є кілька порад, зокрема список подій, які він зазвичай обробляє, а також пояснення, чому варто відключити Cash App Pay (здається, це стосується лише проєктів у США).

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

#tips

Spell Checker 🧙

Трішки про наболіле...

Жоден компілятор чи інтерпретатор не перевіряє ваш код на правопис. Але його читатимуть ваші колеги. Тому, щоб трішки полегшити життя собі та іншим, використовуйте spell check. Пів року тому ми вже писали про це, тож цей пост — ще одне нагадування.

👉 Читати пост

Тільки не відкривайте цю лінку - https://guthib.com/

#tips

Нарешті повертаємось до вас після Великодніх свят! 🐣

З новин: Настя за цей час скуштувала 12 пасок — хто знає, до чого це? 😅

А тепер до цікавого. На просторах YouTube ми побачили відео, де Matt Pocock, переглядаючи своє старе відео з 2022 року, знову повернувся до теми type та interface у TypeScript і вніс кілька уточнень. Якщо коротко — ви й далі можете використовувати обидва варіанти, адже в більшості випадків вони взаємозамінні.

Але якщо вам цікаво:
- як одній команді вдалося вдвічі скоротити час компіляції TypeScript, просто замінивши type на interface;
- як можна уникнути автоматичних злиттів interface за допомогою ESLint;
— обов'язково перегляньте відео нижче!

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

#tips

Refined GitHub 😺

Якщо ви часто працюєте з GitHub, це розширення може стати вам у пригоді. Розробники усунули деякі недоліки вебсайту та додали корисні покращення. Цікаво, що частину з них GitHub згодом інтегрував безпосередньо у свій інтерфейс.

Ми щойно встановили його й тестуємо — поки що все працює чудово!

👉 Встановити розширення

#tips

TypeScript tips 🪄

TypeScript — це вже невід’ємна частина сучасних JS-проєктів. Уміння ефективно використовувати його можливості зараз важливе як ніколи.

Matt Pocock знову ділиться корисними порадами щодо роботи з TypeScript.

У цьому відео ви дізнаєтесь:
— як працюють Pick/Omit та Extract/Exclude;
— як створити обгортку для зручного виведення типів;
— як отримувати підказки для рядкових типів (string literals) та інше.

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

#tips