Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Додавання нових функцій | Створення вашого проєкту
Вебзастосунок з нуля з Claude

bookДодавання нових функцій

Свайпніть щоб показати меню

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

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

Чому для більших функцій потрібен план

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

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

Note
Примітка

Ставтеся до кожної суттєвої нової функції як до окремого мініпроєкту. Плануйте, затверджуйте, а потім створюйте.

Процес

1. Перехід у режим планування
expand arrow

Натисніть селектор моделі у Claude Code та перемкніться в режим планування. Це повідомляє Claude Code, що потрібно продумати реалізацію та повернути план, а не одразу писати код.

2. Опишіть бажане
expand arrow

На цьому етапі не потрібно бути надто конкретним. Опишіть функцію простою англійською. Claude Code може поставити уточнювальні запитання. Якщо так, дайте відповіді. Якщо ні — уважно прочитайте план перед затвердженням.

3. Перевірка плану
expand arrow

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

4. Затвердження та реалізація
expand arrow

Коли план виглядає правильно, затвердьте його та поверніться до звичайної сесії. Claude Code реалізує функцію далі.

5. Тестування
expand arrow

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

question mark

Чому важливо планувати перед створенням значної нової функції?

Виберіть правильну відповідь

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 4. Розділ 3

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Секція 4. Розділ 3
some-alt