How To Setup Continuous Integration (CI) With React, CircleCI, and GitHub

To ensure the highest grade of quality code, we need to run multiple checks on each commit/pull request. Running code checks is especially useful when you’re working in a team, and making sure everyone follows the best and latest practices.

What kind of checks are we talking about? For starters, running our unit tests to make sure everything passes, building and bundling our front end to make sure the build won’t fail on production, and running our linters to enforce a standard.

At my current company, we run many checks before any code can be committed to the repository.

Code checks at Newly

CI lets us run code checks automatically. Who wants to run all those commands before pushing code to the repository?

Getting Started

I’ve chosen CircleCI because of its generous free tier, GitHub because of its community, and React because it’s easy and fun to use.

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now