Skip to content

GitLab Next

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
GitLab
GitLab
  • Project overview
    • Project overview
    • Details
    • Activity
    • Releases
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
    • Locked Files
  • Issues 34,960
    • Issues 34,960
    • List
    • Boards
    • Labels
    • Service Desk
    • Milestones
    • Iterations
  • Merge Requests 1,265
    • Merge Requests 1,265
  • Requirements
    • Requirements
    • List
  • CI / CD
    • CI / CD
    • Pipelines
    • Jobs
    • Schedules
    • Test Cases
  • Security & Compliance
    • Security & Compliance
    • Dependency List
    • License Compliance
  • Operations
    • Operations
    • Metrics
    • Incidents
    • Environments
  • Packages & Registries
    • Packages & Registries
    • Container Registry
  • Analytics
    • Analytics
    • CI / CD
    • Code Review
    • Insights
    • Issue
    • Repository
    • Value Stream
  • Snippets
    • Snippets
  • Members
    • Members
  • Collapse sidebar
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
  • GitLab.org
  • GitLabGitLab
  • Merge Requests
  • !36576

Merged
Opened Jul 10, 2020 by Angelo Gulina@agulina🔴Developer12 of 18 tasks completed12/18 tasks

Docs proposal for bad / good examples in Frontend Guidelines

  • Overview 38
  • Commits 12
  • Pipelines 11
  • Changes 2

What does this MR do?

The Frontend Guidelines have several useful examples of what's bad and what's good practice at GitLab. There is some inconsistency in the way good/bad are ordered and presented.

To improve the reading experience and clarity, this MR proposes an harmonization of the way the examples are presented by following these tips:

  • First Bad then Good:

Putting Good as first can let the reader skipping the Bad, therefore making it irrelevant. The aim is often comparing a legitimate code (the Bad is not wrong per se) versus offering a better or preferred option (Good).

bad_good_order

  • When only 1 Bad and 1 Good is given, use the same code block:

bad_good_1_1

  • When more than 1 Bad or 1 Good is given, use separated code blocks for each type: A clearer separation of the many examples helps the reader to go directly to the Good parts, if needed. Also, when possible, it's a great idea to briefly comment while something should be considered Bad.

bad_good_multiple bad_good_multiple_2

  • Better and Best can be considered part of the Good Code Block.

Related issues

Author's checklist (required)

  • Follow the Documentation Guidelines and Style Guide.
  • If you have developer access or higher (for example, GitLab team members or Core Team members)
    • Apply the documentation label, plus:
      • The corresponding DevOps stage and group label, if applicable.
      • development guidelines when changing docs under doc/development/*, CONTRIBUTING.md, or README.md.
      • development guidelines and Documentation guidelines when changing docs under development/documentation/*.
      • development guidelines and Description templates (.gitlab/*) when creating/updating issue and MR description templates.
    • Assign the designated Technical Writer.

Do not add the feature, frontend, backend, bug, or database labels if you are only updating documentation. These labels will cause the MR to be added to code verification QA issues.

When applicable:

  • Update the permissions table.
  • Link docs to and from the higher-level index page, plus other related docs where helpful.
  • Add GitLab's version history note(s).
  • Add the product tier badge.
  • Add/update the feature flag section.
  • If you're changing document headings, search doc/*, app/views/*, and ee/app/views/* for old headings replacing with the new ones to avoid broken anchors.

Review checklist

All reviewers can help ensure accuracy, clarity, completeness, and adherence to the Documentation Guidelines and Style Guide.

1. Primary Reviewer

  • Review by a code reviewer or other selected colleague to confirm accuracy, clarity, and completeness. This can be skipped for minor fixes without substantive content changes.

2. Technical Writer

  • Optional: Technical writer review. If not requested for this MR, must be scheduled post-merge. To request for this MR, assign the writer listed for the applicable DevOps stage.
    • Add Technical Writing and docs:: workflow label.
    • Add docs-only when the only files changed are under doc/*.
    • Add ~tw::doing when starting work on the MR.
    • Add ~tw::finished after approving and/or merging the MR.

3. Maintainer

  1. Review by assigned maintainer, who can always request/require the above reviews. Maintainer's review can occur before or after a technical writer review.
  2. Ensure a release milestone is set.
  3. If there has not been a technical writer review, create an issue for one using the Doc Review template.
Edited Jul 17, 2020 by Marcia Ramos
Assignee
Assign to
Reviewer
Request review from
13.3
Milestone
13.3 (Past due)
Assign milestone
Time tracking
Reference: gitlab-org/gitlab!36576
Source branch: fe-docs-bad-good-examples

Revert this merge request

This will create a new commit in order to revert the existing changes.

Switch branch
Cancel
A new branch will be created in your fork and a new merge request will be started.

Cherry-pick this merge request

Switch branch
Cancel
A new branch will be created in your fork and a new merge request will be started.