Version control systems have always been an important part of professional software development, but the development of git over a decade ago and the subsequent development of GitHub has made version control mainstream for open source projects.
While many tutorials focus on using Git from the command line, we have found that using a graphical user interface to visualize the history graph can make it quite a bit easier for beginners to understand what is going on. One good example of such a tool is Fork, which is freely available for Windows and macOS:
When working on multiple different projects, it is useful to rely on similar conventions, for example, when naming things. In the context of Git this is most relevant when naming remotes, tags and branches.
When we publish new releases we "tag" the release commits with a tag name like
ecosystem we use
yarn version (or
npm version) to automatically adjust
version field in the
package.json file, commit the change and finally
create a tag on the new commit.
For branches we use the default
master branch as our main development branch.
Feature branches are named after the thing that they are implementing or fixing
and ideally only contain isolated, focused changes. Similar to the tag names we
sometimes keep version branches around to support older releases with names
For remotes we use
origin and for all other remotes the GitHub
(or GitLab, BitBucket, etc.) username of the remote owner.
upstream means the
main project on GitHub and
origin is my personal fork where I push feature
branches, which will turn into PRs against the
upstream repository. Here is an
example for our
qunit-dom project on my machine:
Why is this useful? Because it allows us to define shell aliases for some of the most commonly used git commands for which we don't use a graphical user interface. Here are a few examples of things we regularly use:
||Clones a repository|
||Clones a repository, and uses
||Adds a new remote called
||Updates the local copies of the
||Updates the local copies of the
||Pushes the current branch to the corresponding remote|
||Pushes the current branch as a new branch to the
||Pushes the current branch to the corresponding remote, overwriting the existing history of the branch|
With these commands we can already speed up our workflow quite significantly.
Here is an example for working on
qunit-dom from zero to open pull request:
clu email@example.com:simplabs/qunit-dom.git cd qunit-dom ao firstname.lastname@example.org:Turbo87/qunit-dom.git # create a new git branch in the GUI # work on things and create commits gph # click on the link in the console output to open a new GitHub PR for the branch
Having a good test suite is very important to be able to change code and be confident that the change is not breaking anything. This is one of the major reasons why we love Ember.js, because it comes with a great testing system out-of-the-box and allows us to write tests for all of the critical parts of the apps that we develop.
You can find more information on testing in Ember.js on the official guides.
But this topic not limited to just Ember.js, other ecosystems have similar tools. For Node.js the most popular testing solutions these days are Jest and Mocha. In the Rust ecosystem testing is already built into their package manager cargo, but there are plenty of crates to make testing even more pleasant, including the very valuable proptest crate.
Similar to testing frameworks, a lot of ecosystems have tools to run "static analysis" on your code to find bugs before you even run the applications. These tools are often called "Linters".
The above points about testing and linting are nice to have, but if nobody runs your tests then they don't provide any value. This is where continuous integration (or short "CI") systems come into play. These kinds of systems are coupled to your version control servers and automatically run linting checks and tests whenever you upload new commits to the server.
Most of the time we use TravisCI for this purpose, which is coupled to GitHub, free for open source projects, and supports running your tests on Linux and macOS, and will soon support Windows too. Alternatives include the CI service that is integrated into GitLab, CircleCI (based on Docker images) and AppVeyor, which we currently use to test Windows support on projects where this is relevant.
One important thing to mention here is that CI can not only run your test suite but can often also do other things like publishing new versions of your projects. On most of our projects we have configured TravisCI to automatically publish new releases to npm whenever we push a new Git tag to the server. You can find instruction on how to configure this in their official documentation.
Semantic Versioning (or short "semver") is a way to assign meaning to version numbers, and specifically to version number changes. The official specification is a little longer, but there are five important rules:
v3.0.1, major is
3, minor is
0and patch version is
v0.4.3) you can release breaking changes without increasing the major version because the project is considered "unstable"
Since the majority of package managers including yarn, cargo, hex and bundler follow these semantics when resolving dependencies, it is very important to comply with these rules. But they are also useful in order for your users to get a sense of what they can expect from a new release.
While this can be controversial, we consider dropping support for older Node.js, Elixir, Ruby, Rust, or other language releases a breaking change. This means that if your package declares that it works with Node.js 4, and you release a new version that needs at least Node.js 6, then you should increase the major version.
Any sufficiently large open source project has at least a few dependencies that it is built upon, and even smaller projects typically have at least a dependency on a test framework. While keeping the dependencies of a single project up-to-date is a manageable task, it is becoming a full-time job once you maintain a larger number of separate projects.
Fortunately for us this is a task that can be automated quite well, at least if you have a good test suite and continuous integration set up. While we first used Greenkeeper for this task, we have lately transitioned to using dependabot, which supports not only npm, but all sorts of different package managers, language ecosystems, and even monorepos.
Dependabot will automatically open Pull Requests on your projects whenever one of your dependencies has published a new version. This will cause your CI service to run the test suite against that new dependency version and tell you whether it is compatible with your code or not. If configured, dependabot can also automatically merge those Pull Requests once CI has finished and the test suite passed.
While Semantic Versioning helps your users to know if they need to expect
breaking changes from a release, it is much better to have a human-readable
list of changes that went into a release. This is what a "Changelog" is for.
Typically this is a
CHANGELOG.md file in the root folder of your project
that lists all your released versions including the changes that went into
It can be quite tedious to write these things by hand, but fortunately there are generators that can do most of the work for us. These generators can be divided into two groups:
While "semantic commit messages" seem to be quite popular we prefer the second group of changelog generators, as listing each commit often results in a long list of very fine-grained changes that are not directly helpful to the user.
Instead we use lerna-changelog to generate our changelogs from all of the
merged pull requests that went into each of the releases. To make this work
properly it is important to focus each pull request on only one single, logical
change, and label it properly as either
any of the other supported/configured labels. To ensure that all of our projects
use the same set of labels we use github-label-sync.
An example changelog can be seen on our qunit-dom project.
We hope that this blog post helped you improve your processes and speed up your own development. If you need help with any of these topics or if you have questions we encourage you to contact us!
Talk to one of our experts to find out how we can help you.Let's discuss your project