Create Vue components to refactor Issues List
Problem to solve
We have a new design coming to the Issues List.
Since these components will share certain sub-parts with other recent redesigns (weight, assignees, etc.), it's beneficial to have the Issues List rendered in Vue.
It is also an important step in refactoring and integrating the Filtered Search Bar (refactor issue: https://gitlab.com/gitlab-org/gitlab-ce/issues/57396). For now, the search bar will continue to trigger a page reload.
Target audience
Pretty much anyone who uses issues, but most of all perhaps these:
-
Parker, Product Manager, https://design.gitlab.com/research/personas#persona-parker
-
Delaney, Development Team Lead, https://design.gitlab.com/research/personas#persona-delaney
-
Sasha, Software Developer, https://design.gitlab.com/research/personas#persona-sasha
Proposal
- Refactor the current HAML view into Vue without making any UI changes.
- Put the new Vue implementation under a feature flag Note: check if possible to use GraphQL for this implementation.
What does success look like, and how can we measure that?
Issues list renders in a performant way, similarly to the HAML view.