Thanks for contributing, you rock!
When it comes to open source, there are many different kinds of contributions that can be made, all of which are valuable. Below are a few guidelines that should help you as you prepare your contribution.
- Think You Found a Bug?
- Proposing New or Changed API?
- Issue Not Getting Attention?
- Making a Pull Request?
- Setup
- Development
Please conform to the issue template and provide a clear path to reproduction with a code example. Best is a pull request with a failing test. Next best is a link to CodeSandbox or repository that illustrates the bug.
You may wish to use this starter CodeSandbox to help you get going.
Please provide thoughtful comments and some sample code. Proposals without substance will be closed.
It's generally a good idea to open an issue for the proposal first before working on the implementation and submitting a pull request. Please also take a look at our current roadmap and consider ongoing work that might conflict with your proposed changes.
If you need a bug fixed and nobody is fixing it, it is greatly appreciated if you provide a fix for it. Issues with no activity for 60 days will be automatically closed, with a warning 7 days before closing.
Pull requests need only the 👍 of two or more collaborators to be merged; when the PR author is a collaborator, that counts as one.
All commits that fix bugs or add features need a test.
<blink>
Do not merge code without tests.</blink>
All commits that change or add to the API must be done in a pull request that also updates all relevant examples and docs.
The following steps will get you setup to contribute changes to this repo:
- Fork the repo (click the Fork button at the top right of this page)
- Clone your fork locally
# in a terminal, cd to parent directory where you want your clone to be, then
git clone https://github.com/<your_github_username>/react-router.git
cd react-router
- Install dependencies and build. React Router uses
yarn
, so you should too. If you install usingnpm
, unnecessarypackage-lock.json
files will be generated.
yarn install
yarn build
React Router uses a monorepo to host code for multiple packages. These packages live in the packages
directory.
React Router uses Lerna to manage the monorepo. Lerna sets up symlinks between the packages, so when you build one package, its changes will be automatically available to the packages that depend on it.
Calling yarn build
from the root directory will build all packages. If you want to build a specific package, you should cd
into that directory.
# build all packages
yarn build
# build react-router-dom
cd packages/react-router-dom
yarn build
Calling yarn test
from the root directory will run every package's tests. If you want to run tests for a specific package, you should cd
into that directory.
# run all tests
yarn test
# react-router-dom tests
cd packages/react-router-dom
yarn test
React Router uses Jest to run its tests, so you can provide the --watch
flag to automatically re-run tests when files change.
The code for the documentation website lives in the website
directory. To start a development server on http://localhost:8080
that will watch for changes, do:
cd website
yarn install
yarn start