FY21-Q4 Technical Writing Mgmt/Staff OKR: Contribute to migrating Vue instances to Pajamas
Part of the FY21-Q4 UX Department OKRs.
FY21Q4 IACV UX Dashboard: Make GitLab Pajamas First
-
Objective: As a Technical Writing team, contribute to the UX Department's work to migrate UI component instances:
"Improve GitLab performance, quality, and velocity by making GitLab development Pajamas first" (gitlab-com&758 (closed)). - Key Result: Migrate 30 of the 82 deprecated-component instances identified in gitlab-com&1043 (closed).
Current tally (as of Jan 19): 13 completed issues for migrations
Background
- Every Technical Writer and TW Manager will complete some of the UX Department's component instance migrations in the form of frontend code MRs. While contributing to the broader effort, this will offer Technical Writers more experience in the codebase, typically in code that's relevant to their assigned stage groups.
- Issues have already been created for each component instance (for example, a specific button or dropdown) that needs work.
OKR Process
- TWs should self-assign 2-3 issues throughout the quarter; not all at once, but one or two open issues at a time.
- Try to choose component instances that are in your product area. (This may not be possible for some writers based on your assigned stage/groups, and if that's the case, pick items to work on as you see fit.) You can often identify these by referencing the path of the Vue file in the issue description. To browse issues by Vue file, see this sheet.
- You may want to try to take issues that have been reviewed for complexity and given a low weight (1 or 2).
- You will need to view/screenshot component instances in GDK. Some may not be visible without additional setup in GDK. You can check with the relevant group UX Designer or Frontend Engineer before getting started or if you need any help along the way.
- Assign yourself issues and also add them to the table in this issue.
- @cnorris is responsible for ensuring that work is assigned and tracked for the team.
Component instances reference
To more easily view the relevant issues and epics:
- KR: Migrate Vue instances of buttons and pagination to Pajamas
-
KR: Migrate Vue instances of dropdowns, modals, and tabs
Dropdowns > Vue > Migrate GlDeprecatedDropdown to GlDropdown in GitLab- Dropdowns > Vue > Migrate Bootstrap dropdown to GitLab UI GlDropdown in vue components (1 unassigned)
Modals > Vue > Migrate DeprecatedModal to GitLab UI ModalModals > Vue > Migrate DeprecatedModal2 to GitLab UI Modal- Modals > Vue > Migrate data-toggle modals to GitLab UI Modals in vue (1 unassigned)
Tabs > Vue > Migrate custom implementations to GlTabs in GitLab
- KR: Migrate Vue instances of popovers and tooltips to Pajamas
Lessons learned
Assignments
Issue | Type | TW | Status | Result |
---|---|---|---|---|
gitlab#229704 (closed) | deprecatedModal2 to GlModal | Amy | gitlab!46183 (merged) | |
gitlab#229338 (closed) | Bootstrap button to GlButton | Evan | gitlab!43061 (merged) | |
gitlab#235361 (closed) | Bootstrap dropdown to GitLab UI GlDropdown | Evan | gitlab!46193 (merged) | |
gitlab#235378 (closed) | Migrate Bootstrap dropdown to GitLab UI GlDropdown | Evan | gitlab!48318 (merged) | |
gitlab#229017 (closed) | vue_shared tooltip to GlTooltip | Marcia | gitlab!46156 (merged) | |
gitlab#229019 (closed) | vue_shared tooltip to GlTooltip | Marcia | gitlab!46171 (merged) | |
gitlab#229695 (closed) | deprecatedModal2 to GlModal | Marcin | gitlab!46149 (merged) | |
gitlab#229689 (closed) | deprecatedModal to GlModal | Marcin |
|
gitlab!48688 (closed) |
gitlab#229697 (closed) | deprecatedModal2 to GlModal | Nick | gitlab!46182 (merged) | |
gitlab#229314 (closed) | Bootstrap button to GlButton | Suzanne | gitlab!42626 (merged) | |
gitlab#229678 (closed) | Migrate data-toggle modal to GlModal | Russell | Already completed by someone else | |
gitlab#229676 (closed) | Migrate data-toggle modal to GlModal | Russell | Already completed by someone else | |
gitlab#229694 (closed) | deprecatedModal2 to GlModal | Axil | Already completed by someone else | |
gitlab#219861 (closed) | GlDeprecatedButton to GlButton | Axil | gitlab!48765 (merged) |
Note: Previous work was done in a separate Q3 OKR issue, for tracking.
For the Status column, use
Mentioning @susantacker for awareness of this Q4 migration tracking issue.
Edited by Marcin Sedlak-Jakubowski