Итак я все таки создал проект на vue 3 + composition api, оно конечно стоило того. Ссылка на документацию вот, здесь я только опишу ощущения от использования нового метода программирования клиента.
Ведь каждый опытный прогер знает что огромное влияние имеет синтаксис языка и вполне определенная структура кода. И если она не заходит то в принципе ты прощаешься с этим или делаешь это через боль.
Итак давай те начнем сначала, все мы знаем что такое программирование на ванильном javascript, я не буду об этом говорить, тихий ужас накрывает уже после 1000 строк кода.
Далее у нас появляется jquery все таки хоть как то облегчая работу на клиентской стороне, но все равно после 2000 строк уже начинаются проблемы с распознавание кода. Кстати если ты хочешь, по прежнему работать по старинке и пользоваться родными шаблонизаторами языка программирования, то jquery очень сильно помогает, можно конечно полностью обойтись без javascript, но это конечно полный вазелин будет на бекенде. Но все будет работать без javascript!
И вот появляются различные монолитные фреймворки, vue, react, angular... потому что полным бредом будет использовать частичное внедрение например vue на страницу. Я пробовал этот способ, у меня возникли проблемы с распознавание кода после этого и я решил полностью перейти на монолит.
Давайте поговорим про vue 2 и option api, на старом vue я сделал 3 проекта, интернет магазин, форум и сайт агрегатор услуг + интернет магазин. Я точно помню что там была очень серьезная проблема с пере-использованием кода. У меня один и тот же функционал дублировался, в разных но очень похожих компонентах. Кол-во одинакового кода росло. Собственно в этом была главная проблема. Но по сравнению с jquery это конечно небо и земля. По этому я тихо мирился с этим моментом, учитывая что я программирую на golang я мирился с этим стиснув зубы и держа в голове идею как бы там это все превратить в функции.
Собственно проблема решилась сама собой когда вышел новый метод работы с vue который как раз и предлагает пользоваться универсальными функциями расположенными в пакетах, модулях, файлах называйте как угодно. Самое главное что например все что связанно с продуктами если это интернет магазин, будет расположено в одном файле например api/products.js, а это массив продуктов, обновление этого массива, функции по работе с этим массивом, добавление, редактирование, удаление. В общем всю работу с продуктом можно сунуть в один файл что собственно очень сильно организует код и дает настоящее пере-использование кода! Это очень важно и очень облегчает работу.
Теперь я тупо импортирую в файлы одни и те же функции, и если мне нужны изменения то делаю я их только в одном файле и не бегаю по всему фронту в поисках. Еще одним плюсом будет импорт только того что действительно нужно на данной странице и ничего лишнего, от чего собственно повышается скорость работы самого приложения...
Ссылка на доску объявлений если кто-то хочет посмотреть, там все работает, но я конечно же не дизайнер)) Ну и удачи всем.