docker pull node:18-alpine
docker run -p 3000:3000 my-app
docker stop container_id

setPerson({ ...person, name: 'medium' })

setPerson({ name: 'medium' })

// Плохо - сервис пересоздаётся при каждом рендеринге
function ChatComponent() {
  const ws = new WebSocket('ws://server');
  const sendMessage = (msg) => {
    ws.send(msg); // Новый WebSocket при каждом рендере
  };
  return <button onClick={() => sendMessage('Hi')}>Send</button>;
}

// Хорошо - стабильная ссылка на сервис
function ChatComponent() {
  const wsRef = React.useRef(new WebSocket('ws://server'));
  const sendMessage = React.useCallback((msg) => {
    wsRef.current.send(msg); // Один и тот же WebSocket всегда
  }, []);
  return <button onClick={() => sendMessage('Hi')}>Send</button>;
}

// Плохо - импортируете всё, используете мало
import _ from 'lodash'; // 70KB, нужна одна функция
import * as echarts from 'echarts'; // 1MB для одного графика
import UILibrary from 'heavy-ui-kit'; // 200KB со всеми компонентами

// Хорошо - импортируйте только нужное
import { debounce } from 'lodash-es'; // Tree-shaking, 2KB
import { BarChart } from 'lightweight-charts'; // 50KB, минимум
import { Button, Input } from '@headlessui/react'; // Tree-shaking, 10KB

// Плохо - пытаетесь установить целым числам значение 1
int numbers[5];
std::memset(numbers, 1, sizeof(numbers));
std::cout << numbers[0]; // Странный результат: 16843009

// Хорошо - используйте memset только для 0 и -1
int numbers[5];
std::memset(numbers, 0, sizeof(numbers)); // Все нули
// ИЛИ
std::memset(numbers, -1, sizeof(numbers)); // Все биты = 1

char str[50];
std::memset(str, '*', sizeof(str)); // Работает: заполнит звездами
str[sizeof(str) - 1] = '\0';

int matrix[3][3];
std::memset(matrix, 0, sizeof(matrix)); // Работает: матрица нулей
std::memset(matrix, -1, sizeof(matrix)); // Работает: все биты = 1

// Буфер для обработки изображений
unsigned char pixels[100][100];
std::memset(pixels, 0, sizeof(pixels)); // Чёрный (0)
std::memset(pixels, 255, sizeof(pixels)); // Белый (255)

// Очистка игрового состояния
struct GameState {
    int score;
    int lives;
    bool gameOver;
} state;
std::memset(&state, 0, sizeof(GameState)); // Работает для POD
state.lives = 3; // Затем переустанавливаете нужные значения

// Плохо - функция навязывает свой контекст, нет гибкости
void sort(int& container) {
  // Компаратор зафиксирован, нельзя поменять
  // Способ свопинга элементов фиксирован
}

// Хорошо - точки расширения встроены в интерфейс
template <class R, class C = DefaultCompare, class S = DefaultSwap>
void sort(R&& range, C compare = C(), S swap = S()) {
  // Пользователь может передать свой компаратор
  // Пользователь может передать свой своп
  // По умолчанию работает стандартно
}

// 1. МОДУЛЬНОСТЬ - компоненты независимы
// Контейнеры отделены от алгоритмов, но работают вместе
std::vector<int> v = {3, 1, 2};
std::sort(v.begin(), v.end()); // Работает с любым контейнером

// 2. МНОГОРАЗОВОСТЬ - работает для многих типов
template <class T>
class Maybe {
  T value; // Работает с любым типом T
};

// 3. РАСШИРЯЕМОСТЬ - встроены точки для кастомизации
std::sort(v.begin(), v.end(), [](int a, int b) {
  return a > b; // Пользовательский компаратор
});

// Плохо (по Go стандартам) - Java способ обработки ошибок
try {
    String raw = Files.readString(Path.of("cfg.json"));
    Config cfg = mapper.readValue(raw, Config.class);
    return cfg;
} catch (IOException ex) {
    throw new IllegalStateException("cannot init config", ex);
}

// Хорошо (Go способ) - явная проверка каждой ошибки
raw, err := os.ReadFile("cfg.json")
if err != nil {
    return nil, fmt.Errorf("read cfg: %w", err)
}
var cfg Config
if err := json.Unmarshal(raw, &cfg); err != nil {
    return nil, fmt.Errorf("parse cfg: %w", err)
}
return &cfg, nil

// 1. ЯВНАЯ ОБРАБОТКА ОШИБОК - видите каждый шаг
tx, err := db.BeginTx(ctx, nil)
if err != nil {
    return fmt.Errorf("begin tx: %w", err)
}
defer tx.Rollback()

// 2. ПРИВАТНОСТЬ ЧЕРЕЗ БУКВУ - заглавная = public, строчная = private
type PaymentGateway interface {    // Public
    Charge(ctx context.Context) error
}
func (s *stripe) charge(ctx context.Context) error { // private method
    // ...
}

.page {
  display: grid;
  grid-template-columns: 250px 1fr;
  grid-template-rows: 80px 1fr 50px;
  grid-template-areas:
    'sidebar header'
    'sidebar main'
    'sidebar footer';
}

.header { grid-area: header; }
.sidebar { grid-area: sidebar; }
.main { grid-area: main; }

/* 1/4 и 3/4 пространства, автоматически пересчитывается */
grid-template-columns: 1fr 3fr;

/* 7 столбцов одинаковой ширины (календарь) */
grid-template-columns: repeat(7, 1fr);

.child {
  grid-column: 1 / 4;  /* от столбца 1 до 4 */
  grid-row: 1 / 3;     /* от строки 1 до 3 */
}

davia generate

TODO: написать документацию...

Автоматическая документация с диаграммами модулей, 
зависимостей, API и структуры проекта ✨

Date date = new Date("2024/12/31");
var formatter = new SimpleDateFormat("dd-MM-YYYY");
System.out.println(formatter.format(date));

31-12-2025  ← Уехали на год вперёд! 

var formatter = new SimpleDateFormat("dd-MM-yyyy");
// 31-12-2024 ✅

🔸 Никогда не используй `Y` в паттерне даты, если не знаешь что это!
🔸 Используй `y` для обычного года

<!-- ❌ Неправильно -->
<input type="tel" placeholder="Дата рождения">

<!-- ✅ Правильно -->
<label for="bd">Дата рождения</label>
<input type="text" id="bd" inputmode="numeric">

<!-- Email -->
<input inputmode="email" placeholder="почта@example.com">

<!-- Телефон -->
<input inputmode="tel" placeholder="+7 9XX XXX XXXX">

<!-- URL -->
<input inputmode="url" placeholder="https://example.com">

<!-- Поиск -->
<input inputmode="search" placeholder="Поиск...">

<!-- Десятичное число -->
<input inputmode="decimal" placeholder="12.99">

<input type="text" autocapitalize="off" inputmode="numeric">

 a
+b
-c
 d

 a
-c
+b
 d