Codica - корисне про IT
2.07K subscribers
3.35K photos
172 videos
56 files
1.73K links
Привіт, друже, це канал про корисності в ІТ🤘

🔺Даємо практичні матеріали з RoR, JavaScript, QA, DevOps
🔺Розкажемо як знайти першу роботу без хвилювань та проблем

✍️Для звʼязку-@klimenko_nataly

👉 Відкриті вакансії - www.codica.com/careers
Download Telegram
«Фершлімбесерн» (Verschlimmbessern) — німецьке слово, яке означає «намагатися покращити щось, але в процесі зробити тільки гірше».

Як це в IT: Класика рефакторингу без тестів. Ти бачиш код, який працює, але написаний криво. Думаєш: «Зараз швиденько зроблю красиво». Прибираєш один костиль — падає база даних, відвалюється авторизація, а проєкт починає горіти.

Сюди ж відносяться ситуації, коли PM заходить на 5 хвилин у таску, щоб «трохи уточнити вимоги», і дедлайн зсувається на місяць.

Як це використовувати в житті: Якщо рука тягнеться переписати старий робочий модуль без чіткого ТЗ, б'ємо себе по руках і пишемо в коментарях до коду: // Не чіпати, тут можливий фершлімбесерн.

Або кажемо менеджеру на пропозицію «покращити дизайн форми за годину до релізу»: «Ні, це приведе до повного фершлімбесерну».

TikTok | Instagram | Telegram
💯3
Що буде виведено в консоль?
Anonymous Quiz
38%
10 0
24%
10 10
17%
0 0
21%
0 10
Хей, друзі 👀

Прошуршали інтернет і знайшли для вас одну цікаву штуку — набір коротких команд для Claude, які можна використовувати як готові рамки для промптів.
❤2
Зберігайте, бо деякі самі заберемо собі в нотатки 👇

🔹 /godmode — попросити Claude видати максимально сильну й рішучу версію відповіді.

🔹 /devil — змусити модель розібрати протилежну позицію й знайти слабкі місця у вашому рішенні.

🔹 /10x — прокачати ваш драфт: зробити hook гострішим, логіку чистішою, а результат сильнішим.

🔹 /compare — порівняти два рішення за конкретними критеріями: cost, speed, risk, complexity, upside.

🔹 /scout — пошукати ризики, edge cases, конкурентів, blind spots і потенційні точки провалу.

🔹 /critique — знайти слабку логіку, незрозумілі місця та непідтверджені твердження й одразу запропонувати фікси.

🔹 /ooda — розкласти складну задачу через Observe → Orient → Decide → Act.

🔹 /brief — стиснути відповідь до найкориснішої суті. Наприклад: 5 bullets, максимум 100 слів.

🔹 /explainlikeim5 — спочатку пояснити максимально просто, а потім поступово додавати технічну глибину.

🔹 /teacher — перетворити Claude на ментора, який спочатку ставить питання й змушує вас подумати, а вже потім дає відповідь.

🔹 /artifacts — попросити зібрати prototype або інтерфейс прямо в чаті.

Для розробників особливо цікаві /critique, /compare, /scout, /teacher та /10x.

Сама команда — лише старт. Додавайте до неї контекст, критерії, обмеження, приклади й очікуваний формат результату.

Коротше, зберігайте собі цей маленький набір «заклинань» для Claude 🧙‍♂️
І тисніть реакцію на цей пост, якщо корисно))

TikTok | Instagram | Telegram
👍4
Коли React-проєкт стає складнішим: 4 інструменти, які варто знати

Продовжуємо нашу рубрику для JavaScript та React-розробників!

Минулі частини:
🔹 Частина 1 — репозиторії для прокачування скілів
🔹 Частина 2 — девтулзи, які забирають рутину
🔹 Частина 3 — маловідомі бібліотеки для реальних задач

Цього разу підготували добірку інструментів для задач, де звичних React/TypeScript-підходів уже може бути недостатньо: складні UI-флоу, велика кількість станів, типізована бізнес-логіка та accessibility.
📌 XState — коли UI-логіка перетворюється на складний набір станів і переходів

isLoading, isError, isSuccess, isRetrying...

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

XState дозволяє описувати поведінку застосунку через state machines та statecharts: які стани існують, які переходи між ними можливі та що має відбуватися під час переходу.

Це зручно для складних сценаріїв, які потрібно підтримувати й тестувати протягом тривалого часу.

🔗 Дивитися XState

📌 ts-pattern — pattern matching для TypeScript

У великих TypeScript-проєктах часто доводиться працювати з union types:


type Result =
| { status: "loading" }
| { status: "success"; data: User[] }
| { status: "error"; message: string };


ts-pattern дозволяє описувати такі сценарії через pattern matching, а за допомогою .exhaustive() — перевіряти на рівні TypeScript, чи всі можливі варіанти були оброблені.

Додав новий тип у union — TypeScript допоможе знайти місця, які потрібно оновити.

Особливо корисно для reducer’ів, API-відповідей, state machines та складної бізнес-логіки.

🔗 Дивитися ts-pattern

📌 React Aria — accessibility для власного UI

Власний Modal, Select, Combobox чи DatePicker швидко виходить за межі звичайної верстки.

Потрібно продумати keyboard navigation, focus management, screen readers, ARIA-атрибути та різні сценарії взаємодії.

React Aria від Adobe надає unstyled components і низькорівневі hooks, які беруть на себе значну частину accessibility та interaction logic, залишаючи команді контроль над стилями й структурою UI.

Цікавий варіант для команд, які будують власну дизайн-систему.

🔗 Дивитися React Aria

📌 Effect — для складної TypeScript application logic

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

Бібліотека працює з typed errors, dependency injection, structured concurrency, retries, resource management і schema validation.

Підхід досить незвичний, тому Effect цікаво хоча б розібрати на рівні архітектури — особливо якщо працюєте з великими TypeScript-системами.

🔗 Дивитися Effect

💬 Який із цих інструментів ви вже зустрічали у production?

А якщо у вашому стеку є бібліотека, яку варто додати в наступну частину, — кидайте назву в коментарі. 👇

TikTok | Instagram | Telegram
🔥2
Друзі, якщо ваші стосунки з ШІ досі обмежуються промптами на кшталт «напиши рецепт борщу» або генерацією безглуздих картинок із котами — у нас для вас новини. ШІ вже давно переріс стадію розважального чат-бота.

Зібрали підбірку про те, як хакнути нові інструменти, обійти ліміти та нарешті змусити нейромережі видавати базу, а не галюцинації 🤖

#codica_weekend
🔥1
➡️ AI став іншим! Це вже далеко не чат-бот та пошук в інтернеті
Чому головний тренд зараз — це автономні ШІ-агенти, які вміють грати в довгу, самостійно вирішувати комплексні задачі та повертатися до вас із готовим результатом.
⏱ Тривалість — 20 хв

➡️ Кінець халявного ШІ? 7 AI-інструментів без лімітів у 2026
Корпорації закручують гайки та вимагають гроші за кожен промпт. Топ безкоштовних альтернатив ChatGPT та Claude, які працюють без лімітів на токени та підійдуть для роботи й кодингу.
⏱ Тривалість — 9 хв

➡️ GPT-6 Astra, найгучніша цифра року з примітками
Аналіз свіжого релізу від OpenAI. Розбираємося, чи справді нова модель досягла людського рівня, де реальний прорив, а де — просто маркетинг і допомога живих людей.
⏱ Тривалість — 10 хв

➡️ Чому AI пише тобі сміття: 5 помилок, які роблять всі
Механіка галюцинацій штучного інтелекту: чому модель так впевнено бреше і як правильно ставити техзавдання, щоб не отримувати на виході купу безглуздого тексту.
⏱ Тривалість — 22 хв

➡️ Gemini Notebook повний гайд: 7 оновлень, які змінять вашу роботу назавжди
Великий розбір оновленого інструменту на базі моделі 3.5 Flash. Як налаштувати workflow ресерчу, використовувати вбудованого агента та змусити ШІ аналізувати джерела замість вас.
⏱ Тривалість — 29 хв

Тестуйте нові фічі та відпочивайте так, щоб ваш власний нейропроцесор не перегрівся. Гарних вихідних! ☕️

TikTok | Instagram | Telegram
🔥3