Доставляйте в 10 разів швидше за допомогою одного HTML-файлу
Я перестав використовувати React для простих інструментів.
React не є поганим. Я припинив використовувати його для маленьких проєктів через певний паттерн.
Я хотів створити щось невелике. Я розгортав React-сетап. Додавав бандлер. Планував структуру папок і встановлював залежності.
Я витрачав більше часу на створення інфраструктури, ніж на створення самого інструмента.
Я спробував нове правило.
Жодних фреймворків. Жодного бекенду. Жодних інструментів збірки. Жодного npm.
Я використовую один-єдиний HTML-файл. Я використовую vanilla JavaScript та inline CSS. Я використовую localStorage, коли мені потрібно зберегти дані.
Результати змінили мій робочий процес.
Ідеї більше не застрягають на етапі налаштування. Я відкриваю файл і починаю кодити. Я не приймаю архітектурних рішень. Я не потрапляю в пастки залежностей.
Тепер процес виглядає так:
- Ідея
- Код
- Готово
Я створював генератори інвойсів саме так. Кожен інструмент — це один файл. Він миттєво відкривається в браузері. Не потрібно нічого встановлювати, жодних зайвих зусиль.
Ця зміна — ментальна.
Я перестав питати, який стек є правильним. Я почав питати, яке рішення є найпростішим.
Більшості маленьких інструментів не потрібен фреймворк. Їм просто потрібно існувати.
Цей підхід має межі. Його не варто використовувати для спільної роботи в реальному часі. Більшості персональних інструментів це не потрібно.
Моє нове правило просте: Починайте з одного файлу. Додавайте складність лише тоді, коли це необхідно. Не додавайте її лише тому, що цього очікує екосистема.
Спробуйте це сьогодні. Візьміть невелику ідею. Реалізуйте її в одному HTML-файлі. Жодних налаштувань. Жодних виправдань.
Просто релізьте це.
Optional learning community: https://github.com/DarkenAmber/single-file-app