Excited about Apollo and want to make it better? We’re excited too!
Apollo is a community of developers just like you, striving to create the best tools and libraries around GraphQL. We welcome anyone who wants to contribute or provide constructive feedback, no matter the age or level of experience. If you want to help but don't know where to start, let us know, and we'll find something for you.
Oh, and if you haven't already, join our community forums.
Here are some ways to contribute to the project, from easiest to most difficult:
If you encounter a bug, please file an issue on GitHub via the repository of the sub-project you think contains the bug. If an issue you have is already reported, please add additional information or add a 👍 reaction to indicate your agreement.
While we will try to be as helpful as we can on any issue reported, please include the following to maximize the chances of a quick fix:
- Intended outcome: What you were trying to accomplish when the bug occurred, and as much code as possible related to the source of the problem.
- Actual outcome: A description of what actually happened, including a screenshot or copy-paste of any related error messages, logs, or other output that might be related. Places to look for information include your browser console, server console, and network logs. Please avoid non-specific phrases like “didn’t work” or “broke”.
- How to reproduce the issue: Instructions for how the issue can be reproduced by a maintainer or contributor. Be as specific as possible, and only mention what is necessary to reproduce the bug. If possible, build a reproduction with our error template to isolate the exact circumstances in which the bug occurs. Avoid speculation over what the cause might be.
Creating a good reproduction really helps contributors investigate and resolve your issue quickly. In many cases, the act of creating a minimal reproduction illuminates that the source of the bug was somewhere outside the library in question, saving time and effort for everyone.
Improving the documentation, examples, and other open source content can be the easiest way to contribute to the library. If you see a piece of content that can be better, open a PR with an improvement, no matter how small! If you would like to suggest a big change or major rewrite, we’d love to hear your ideas! Please open a feature request for discussion, over in the Apollo Client Feature Request repo, before writing the PR.
In addition to reporting issues, a great way to contribute to Apollo is to respond to other peoples' issues and try to identify the problem or help them work around it. If you’re interested in taking a more active role in this process, please go ahead and respond to issues. And don't forget to say "Hi" in our community forums!
For a small bug fix change (less than 20 lines of code changed), feel free to open a pull request. We’ll try to merge it as fast as possible and ideally publish a new release on the same day. The only requirement is, make sure you also add a test that verifies the bug you are trying to fix.
Most of the features in Apollo Client came from suggestions by you, the community! We welcome any ideas about how to make Apollo better for your use case. Head on over to the Apollo Client Feature Request repo, and open up a new feature request / discussion issue with your details.
Note: Feature requests and non-bug related discussions are no longer managed in this repo's issue tracker. Feature request and/or discussions opened here will be closed.
This includes:
- Big bug fixes
- New features
For significant changes to a repository, it’s important to settle on a design before starting on the implementation. This way, we can make sure that major improvements get the care and attention they deserve. Since big changes can be risky and might not always get merged, it’s good to reduce the amount of possible wasted effort by agreeing on an implementation design/plan first.
- Open an issue. Open an issue about your bug in this repo, or about your feature request in the Apollo Client Feature Request repo.
- Reach consensus. Some contributors and community members should reach an agreement that this feature or bug is important, and that someone should work on implementing or fixing it.
- Agree on intended behavior. On the issue, reach an agreement about the desired behavior. In the case of a bug fix, it should be clear what it means for the bug to be fixed, and in the case of a feature, it should be clear what it will be like for developers to use the new feature.
- Agree on implementation plan. Write a plan for how this feature or bug fix should be implemented. What modules need to be added or rewritten? Should this be one pull request or multiple incremental improvements? Who is going to do each part?
- Submit PR. In the case where multiple dependent patches need to be made to implement the change, only submit one at a time. Otherwise, the others might get stale while the first is reviewed and merged. Make sure to avoid “while we’re here” type changes - if something isn’t relevant to the improvement at hand, it should be in a separate PR; this especially includes code style changes of unrelated code.
- Review. At least one core contributor should sign off on the change before it’s merged. Look at the “code review” section below to learn about factors are important in the code review. If you want to expedite the code being merged, try to review your own code first!
- Merge and release!
It’s important that every piece of code in Apollo packages is reviewed by at least one core contributor familiar with that codebase. Here are some things we look for:
- Required CI checks pass. This is a prerequisite for the review, and it is the PR author's responsibility. As long as the tests don’t pass, the PR won't get reviewed.
- Simplicity. Is this the simplest way to achieve the intended goal? If there are too many files, redundant functions, or complex lines of code, suggest a simpler way to do the same thing. In particular, avoid implementing an overly general solution when a simple, small, and pragmatic fix will do.
- Testing. Do the tests ensure this code won’t break when other stuff changes around it? When it does break, will the tests added help us identify which part of the library has the problem? Did we cover an appropriate set of edge cases? Look at the test coverage report if there is one. Are all significant code paths in the new code exercised at least once?
- No unnecessary or unrelated changes. PRs shouldn’t come with random formatting changes, especially in unrelated parts of the code. If there is some refactoring that needs to be done, it should be in a separate PR from a bug fix or feature, if possible.
- Code has appropriate comments. Code should be commented, or written in a clear “self-documenting” way.
- Idiomatic use of the language. In TypeScript, make sure the typings are specific and correct. In ES2015, make sure to use imports rather than require and const instead of var, etc. Ideally a linter enforces a lot of this, but use your common sense and follow the style of the surrounding code.
Build Apollo Client once:
npm run build
Run all tests once:
npm run test
Run all tests in watch mode:
npm run test:watch
Run specific tests:
Call jest directly making sure to pass in the jest config, and use its testRegex option:
jest --config ./config/jest.config.js --testRegex __tests__/useQuery.test.tsx
It can be useful to link an Apollo Client checkout into an application, to test how Apollo Client development changes impact a real app. We'll use the Apollo fullstack tutorial application to demonstrate this.
- Clone and install Apollo Client.
git clone https://github.com/apollographql/apollo-client.git
cd apollo-client
npm i
cd ..
From this point forward
[apollo-client-root]represents the root directory of your Apollo Client checkout (e.g./some/path/apollo-client).
- Clone and install the fullstack tutorial.
git clone https://github.com/apollographql/fullstack-tutorial.git
cd fullstack-tutorial
cd final/server
npm i
cd ../client
npm i
From this point forward
[fullstack-tutorial-root]represents the root directory of your Fullstack Tutorial checkout (e.g./some/path/fullstack-tutorial).
- Link the application's
@apollo/clientpackage to your Apollo Client checkout's compiled files.
# ... assuming still in [fullstack-tutorial-root]/final/client from step 2
cd node_modules/@apollo
rm -Rf ./client
ln -s [apollo-client-root]/dist client
- If using React, prevent a duplicate React version lookup error by telling your application to use Apollo Client's React version.
# ... assuming still in [fullstack-tutorial-root]/final/client/node_modules/@apollo from step 3
cd ..
rm -Rf ./react ./react-dom
ln -s [apollo-client-root]/node_modules/react
ln -s [apollo-client-root]/node_modules/react-dom
- Start the fullstack tutorial.
Server:
# ... assuming still in [fullstack-tutorial-root]/final/client/node_modules from step 4
cd ../../server
npm start
Client:
# ... in a separate terminal window
cd [fullstack-tutorial-root]/final/client
npm start
- Start building Apollo Client and watching for file changes.
# ... in a separate terminal window
cd [apollo-client-root]
npm run watch
- Verify Apollo Client changes show up in the fullstack tutorial.
# ... assuming still in [apollo-client-root] from step 6
cd src
echo "console.log('it worked');" >> index.ts
Visit http://localhost:3000/ and open your browsers dev console. After the Apollo Client rebuild finishes, you should see it worked in the console.