Skip to content

Lazy load components on issues list refactor page

Coung Ngo requested to merge 322755-lazy-load-components-in-issues-list-refactor into master

What does this MR do and why?

This MR lazy loads components on the issues list refactor page to reduce the bundle size for the page, behind the feature flag vue_issues_list defaulted to off.

The filtered search tokens don't need to be loaded immediately—they can be loaded only when the user uses them.

The group/project issues list page is being converted from Haml to Vue behind the feature flag vue_issues_list (see #322755 (closed)). When the feature flag is switched on, the issues page uses the Vue refactor code; when it is off, the issues page uses the Haml code.

Screenshots or screen recordings

How to set up and validate locally

  1. In rails console enable the feature flag 
    Feature.enable(:vue_issues_list)
  2. Visit any group or project issues list page such as http://127.0.0.1:3000/h5bp/html5-boilerplate/-/issues
  3. Test the MR

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #322755 (closed)

Edited by Coung Ngo

Merge request reports