Я уже некоторое время хотел создать интерфейсный инструмент для разработки и нашел еще двоих, кто тоже хотел участвовать. Потратив несколько дней на обдумывание идей, мы решили создать DejaVue, инструмент визуализации и отладки, созданный для Vue.js. Я расскажу, почему мы решили создать DejaVue, и как мы надеемся, что наш инструмент внесет свой вклад в сообщество Vue.
Почему именно Vue?
Мы исследовали другие фреймворки (в основном React / Angular) и пришли к выводу, что экосистема уже довольно переполнена. Большинство наших лучших идей уже были реализованы, не могли быть реализованы на практике или были недостаточно полезны для того, чтобы люди могли их использовать. Мы хотели, чтобы наш инструмент был чем-то, чем мы гордились, поэтому начали изучать другие фреймворки.
Vue был довольно близок к тому, что мы искали. У него небольшое, но быстрорастущее сообщество. У него меньшая кривая обучения, он работает быстрее, чем React, и использует лучшее из Angular + React , не жертвуя какой-либо функциональностью. Отличная документация, поддерживающее сообщество и множество возможностей создать что-то, что было бы полезно для других разработчиков - что не нравится?
Что нам строить?
Было бы непросто придумать что-то полезное, особенно если учесть, что раньше мы действительно ничего не создавали на Vue. Мы начали с чтения документации и создания небольших приложений. Мы обнаружили, что когда мы смогли визуализировать иерархию компонентов, мы начали понимать, что происходит. Как только мы поняли структуру, мы почувствовали, что можем сразу же начать строительство над ней. Если бы мы могли помочь другим разработчикам быстрее достичь такого уровня понимания, это было бы действительно круто.
Итак, мы создаем DejaVue. Это расширение Chrome для разработчиков, которое помогает вам увидеть, как работает ваше приложение, например:
Каждый узел представляет собой компонент, а единственный узел наверху представляет собой основу. Каждая итерация его дочерних элементов составляет остальную часть графа. Если вы это увидите и поймете, вы будете готовы сразу же начать вносить свой вклад в проект. Он также покажет вам, какие реквизиты и переменные визуализируются и как это влияет на другие компоненты. Он предложит варианты того, какой компонент может вызвать ошибку или снизить производительность. И, надеюсь, еще несколько интересных вещей.
Так пожелайте нам удачи! Мы развернем нашу первую версию в середине февраля. Мы надеемся, что это даст нам возможность и дальше создавать полезные вещи.
Джон, Скотт и Майк
