Git — це версіонування для коду. Уявіть Figma з необмеженою кількістю версій, де кожна зміна підписана і можна в будь-який момент повернутися до будь-якої точки. І де кілька людей можуть одночасно працювати над різними частинами без конфліктів.
Після 15 хвилин практики страх зникає. Залишається зручний інструмент.
Три концепції, які треба зрозуміти
Repository (репо) — папка проекту + уся його історія змін. Як Figma-файл, тільки для коду. Репо може бути локальним (у вас на комп'ютері) і remote (на GitHub/GitLab).
Commit (коміт) — збережений знімок змін з підписом. Як Figma Version History але вручну: ви самі вирішуєте коли зробити snapshot і підписуєте його повідомленням. "Додав компонент Button", "Виправив колір при hover", "Оновив токени після ребренду".
Branch (гілка) — незалежна копія репо де ви можете експериментувати не зачіпаючи основний код. Як "копія сторінки" в Figma. Гілка main — це завжди стабільний production. Ваша робота — в окремій гілці.
Пʼять команд, яких достатньо для старту
git clone URL — скачати репо на свій комп'ютер
git checkout -b my-feature — створити нову гілку і перейти на неї
git add . — підготувати всі зміни до коміту
git commit -m "Додав компонент Card" — зберегти зміни з повідомленням
git push origin my-feature — відправити гілку на GitHub
Це весь базовий workflow. Решта команд (merge, rebase, stash) — вивчаєте поступово коли виникає потреба.
Pull Request: як показати роботу команді
Pull Request (PR) — це запит на злиття вашої гілки в main. Думайте про нього як про "запит на approval" у Figma — тільки для коду. Ви відкриваєте PR на GitHub, описуєте що зробили, команда рев'ює і або approve, або залишає коментарі.
Для дизайнера-початківця PR — це також місце де можна побачити що конкретно змінилося (diff) і отримати фідбек від розробника до того, як зміна потрапить у production.
GitHub Desktop: GUI замість терміналу
Якщо термінал лякає — GitHub Desktop вирішує це. Безкоштовний desktop-клієнт що показує всі зміни візуально, дозволяє робити коміти через UI і синхронізуватися з GitHub одним кліком. Всі 5 команд вище — доступні через кнопки.
Cursor IDE (якщо ви його вже встановили для коду) теж має вбудований Git UI у Source Control вкладці.
Що реально може піти не так і як це виправити
Конфлікт при merge — два люди змінили один рядок по-різному. Git не знає яку версію залишити і просить вирішити вручну. Виглядає страшно, вирішується за 2 хвилини: відкрийте файл, видаліть маркери конфлікту, залиште потрібну версію, зробіть коміт.
Запушили не в ту гілку — git reset HEAD~1 скасовує останній коміт (зміни залишаються). Не панікуйте — майже будь-яку операцію в Git можна скасувати.
Git — це не складно. Це по-іншому. Витратьте одну годину на практику і ви більше не будете боятися "зламати" репозиторій.