Skip to content

Latest commit

 

History

History
56 lines (46 loc) · 5.27 KB

BEST-PRACTICES.md

File metadata and controls

56 lines (46 loc) · 5.27 KB

Best Practices

We're glad you're considering contributing to FSH Online! Below are a few best practices that we recommend for all contributions.

Before Contributing

Before contributing a feature or a bugfix, we recommend creating a GitHub issue if one does not exist. This allows the community to provide feedback on why an issue may be occurring or provide additional insight into a suggested feature. See the Contribution Policy to learn more about creating issues. It may also be useful, but is not required, to start a Zulip conversation around the feature or bug. See the Contribution Policy to learn more about Zulip.

If a GitHub issue already exists for what you are planning to contribute, we recommend commenting on the issue to indicate that you are working on an implementation to avoid duplication of work.

Coding Practices

We recommend the following coding practices for high quality contributions:

  • Make all changes in a personal fork of this repository.
  • Use descriptive commit messages.
  • Prefer self-explanatory code as much as possible, but provide helpful comments for complex expressions and code blocks.
  • Add unit tests for any new or changed functionality, and update any existing tests that are impacted by your changes.
    • FSH Online uses Vitest as a testing framework and React Testing Library as a utility for testing React components.
    • To run the full test suite, run npm test.
    • Ensure all tests are passing.
  • Follow the code style and conventions as enforced by the lint configuration and as evidenced by the existing code.
    • FSH Online uses ESLint for code linting.
    • To run the linter on all code, run npm run lint.
    • To automatically fix as many issues as possible, run npm run lint-fix. This uses ESLint's --fix option.
    • Ensure there are no issues reported.
  • Follow the code formatting as enforced by the formatter configuration.
    • FSH Online uses Prettier for code formatting.
    • To run Prettier on all code, run npm run prettier.
    • To automatically rewrite files in order to resolve formatting issues, run npm run prettier-fix. This uses Prettier's --write option.
    • Ensure there are no issues reported.
  • Ensure any new dependencies use the latest published version.
    • If a new dependency is required but the latest published version cannot be used, add the dependency and reason for not updating to DEPENDENCY-NOTES.md.
    • To check the latest published version, check the versions of the package on npm or use npm-outdated. Run npm outdated and check that the new dependency is not listed in the output.
  • Ensure any new dependencies do not contain any known security vulnerabilities
    • To check for known security vulnerabilities, we recommend using npm-audit. Run npm audit and ensure there are no new issues on your branch.
  • Update documentation to reflect any user-facing changes.
    • Documentation updates may include, but are not limited to, the project README.

Making a Pull Request

We recommend the following best practices for creating a high quality pull request:

  • Review your own PR before marking it as ready for review by others. Ensure the only code changes included are ones relevant to the feature or bugfix and that they follow the coding practices outlined above.
  • Ensure your branch is up to date with master. There are a few ways you can update your branch:
    • Use the "Update branch" button available once you make your PR. This is the recommended approach if you are not comfortable with merging or rebasing.
    • Merge master into your branch.
    • Rebase your branch on master. We only recommend this approach if you are very comfortable with rebasing.
  • Update the title of the PR to provide a short, descriptive summary of the PR.
    • Keep the title up to date with any changes made during the review process. The title will be used in the commit message and in the release notes, so it is important that it accurately reflects the current state of the PR.
  • Follow the pull request template to create a detailed PR description.
    • Include a detailed description of the changes made in the PR.
    • Include instructions for how to test the PR.
    • Link the issue that the PR addresses.
  • Follow up on any discussion on your PR. If changes are requested, make any necessary updates and comment indicating your PR is ready for re-review.
  • If your PR is approved, it will be merged to master using the "squash and merge" strategy.