GitHub Flow: простой workflow для непрерывного деплоя

# Обновить main
git switch main
git pull origin main

# Создать feature ветку
git switch -c feature/user-profile
# или bugfix
git switch -c fix/login-error

git commit -am "feat: add profile page layout"
git commit -am "feat: implement avatar upload"
git commit -am "test: add profile page tests"

# Регулярно пушить для backup и CI
git push origin feature/user-profile

# Через GitHub CLI
gh pr create --title "Add user profile page" \
  --body "Implements profile editing and avatar upload. Closes #45"

# Или через GitHub UI:
# Compare & pull request → Fill title & description → Create PR

# Внести изменения по комментариям ревьюеров
git commit -am "fix: address review comments"
git push origin feature/user-profile

# Ответить на комментарии в GitHub UI

# GitHub Actions автоматически деплоит ветку в staging
# или вручную:
# Merge в staging ветку → проверить → merge в main

# После approve и прохождения CI:
gh pr merge --squash  # через GitHub CLI
# или через GitHub UI: Merge pull request

# .github/workflows/ci.yml
name: CI

on:
  pull_request:
    branches: [main]
  push:
    branches: [main]

jobs:
  test:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3
        with:
          node-version: 18
      - run: npm ci
      - run: npm test
      - run: npm run lint

  deploy-preview:
    if: github.event_name == 'pull_request'
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - name: Deploy preview
        run: ./deploy-preview.sh ${{ github.head_ref }}

  deploy-production:
    if: github.event_name == 'push' && github.ref == 'refs/heads/main'
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - name: Deploy to production
        run: ./deploy.sh production

# Рекомендуемые паттерны:
feature/короткое-описание      # feature/add-search
fix/что-исправляем             # fix/login-redirect
docs/что-документируем         # docs/api-authentication
chore/что-делаем               # chore/update-dependencies
experiment/идея                # experiment/new-ui-concept

# Реальные примеры:
git switch -c feature/dark-mode
git switch -c fix/null-pointer-homepage
git switch -c chore/upgrade-react-18
git switch -c docs/deployment-guide

# После создания PR, можно развернуть feature ветку на staging
git push origin feature/user-profile

# GitHub Actions может автоматически создать deployment preview
# или вручную через GitHub UI: Environments → Create deployment

# .github/workflows/deploy-preview.yml
name: Deploy Preview

on:
  pull_request:
    types: [opened, synchronize]

jobs:
  deploy-preview:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3

      - name: Deploy to preview environment
        run: |
          PREVIEW_URL="https://preview-${{ github.head_ref }}.app.example.com"
          ./scripts/deploy-preview.sh "$PREVIEW_URL"

      - name: Comment PR with preview link
        uses: actions/github-script@v6
        with:
          script: |
            github.rest.issues.createComment({
              issue_number: context.issue.number,
              owner: context.repo.owner,
              repo: context.repo.repo,
              body: '🚀 Preview deployed: https://preview-${{ github.head_ref }}.app.example.com'
            })

# Разработчик работает в feature ветке (даже если один)
git switch -c feature/dark-mode
git commit -am "feat: add dark mode toggle"
git commit -am "feat: persist dark mode preference"
git push origin feature/dark-mode

# Сам себе делает PR для self-review
gh pr create --title "Add dark mode support"

# Проверяет свой собственный diff через PR UI
# (нередко при просмотре собственного PR замечаются ошибки)

# После self-review — merge
gh pr merge --squash
git switch main
git pull origin main

# Разработчик А создаёт PR
git switch -c feature/payment-integration
# ... работа ...
git push origin feature/payment-integration
gh pr create --title "Integrate Stripe payments" \
  --body "Adds payment processing via Stripe.

  Related: #145
  Tests added: tests/payment.test.js
  Staging link: https://staging-feat.app.com"

# Code Review Checklist

## Функциональность
- [ ] Код делает то, что задумано
- [ ] Обработаны edge cases
- [ ] Нет очевидных ошибок

## Качество кода
- [ ] Следует style guide
- [ ] Нет dead code
- [ ] Переменные названы понятно

## Тесты
- [ ] Добавлены/обновлены тесты
- [ ] Тесты проходят локально
- [ ] Покрытие достаточно

## Безопасность
- [ ] Нет hardcoded секретов
- [ ] Валидация input
- [ ] Аутентификация/авторизация

## Performance
- [ ] Нет N+1 queries
- [ ] Оптимизированы медленные операции

# Feature: новая функциональность
git switch -c feature/oauth-github

# Bugfix: исправление ошибок
git switch -c bugfix/null-pointer-dashboard

# Improvement: улучшение существующего
git switch -c improvement/pagination-performance

# Refactor: рефакторинг без изменения функциональности
git switch -c refactor/auth-module

# Documentation: обновление docs
git switch -c docs/api-authentication

# Chore: dependency update, build config
git switch -c chore/upgrade-webpack

# Experiment: экспериментальное
git switch -c experiment/new-ui-framework

# 1. Обновлять feature ветку перед push (избежать конфликтов)
git switch main
git pull origin main
git switch feature/new-api
git rebase main
git push origin feature/new-api --force-with-lease

# 2. Разбивать большие PR на несколько меньших
# Лучше 3 PR по 100 строк, чем 1 PR по 300 строк

# 3. Использовать Conventional Commits для автоматического changelog
git commit -m "feat: add user profile endpoint"
git commit -m "fix: handle null avatar URL"
git commit -m "docs: update API docs for profiles"
# Потом: npm run release (автоматически генерирует CHANGELOG)

# 4. Если PR слишком долгий, разделить на части
# Не ждать полного завершения, мержить готовые части

# 5. Защищать main от случайных push
# Settings → Branches → Add rule for 'main'

# Vercel автоматически создаёт preview для каждого PR
# Просто push в GitHub — готова staging среда
# URL: https://project-name-git-feature-branch-name.vercel.app

# Для самоходного хоста можно использовать Netlify, Render, Railway
# или собственное решение через GitHub Actions

// Деплоим feature в production но скрытую от пользователей
const featureFlags = {
  newCheckout: localStorage.getItem('ff_new_checkout') === 'true' ||
               userId in [123, 456, 789], // или по процентам
};

if (featureFlags.newCheckout) {
  return <NewCheckoutFlow />;
}
return <LegacyCheckout />;