Пишу про разработку вообще и в частности про: JavaScript, HTML5, CSS3, AngularJS, ReactJS, Agile, Bitcoins

Тест-драйв библиотеки vue.js

При всех плюсах и популярности библиотек React и Angular, у них есть определенный минус для небольших проектах. Это этап сборки. Разумеется его можно обойти и не использовать webpack или любой другой таск-менеджер. Например, компоненты реакта можно описывать объектами и не использовать jsx. Но это как бы не так удобно. С тем же успехом код на тайпскрипте для ангулара можно транспалировать прямо в браузере, но наверное не стоит так делать.

В общем я о чем – пришла пора копнуть чуть глубже в библиотеку vue.js. Ее очень просто запускать прямо в браузере, что удобно. Ну и популярность все больше и больше – пора посмотреть что там такого интересного. Проект будет очень простой – только для того чтобы протестировать базовый функционал. Будем использовать открытый API гитхаба.

github-api-vue

Весь код будет в одном файле – index.html – компактно и сурово. Основной костяк файла:

Как видите – все библиотеки из CDN, ничего локально не держим.

Теперь основной код:

В принципе ничего сложного – пишем темплейт и уже его передаем в основное приложение. Достаточно сходно с тем как все работало с первым ангуларо, только говорят, что все лучше и рендерится быстро-быстро, даже быстрее чем в реакте. Ну будем тестировать)

Поделиться:
comments powered by Disqus