Gain insights into Test-driven Development with React. Learn unit and integration testing using Jest and Enzyme, and explore tools like ESlint, Prettier, Babel, Webpack, and Travis CI.

react.tar.gz

intro

intro-copy

ch3-something

generic

ch3-1

ch3-2

ch4-1

ch2-1

ch2-2

ch2-3

ch5-copy

intro-copy-wmhr0i

ch3-1-copy

ch4-1-copy

ch4-1-copy-2

generic-copy

ch4-copy

This course is a deep dive into testing in React. You will learn unit testing and integration testing using tools such as Jest and Enzyme. You will also learn about other tools such as ESlint, Prettier, Babel, Webpack, and Travis CI that add convenience for coding and testing.

Test-driven Development with React

# Git Hooks with Husky

If you followed along , you’ve adopted a cutting-edge development setup completed with integrated linting and auto-formatting. However, your collaborators might not be so prepared. There’s nothing stopping them from submitting a pull request that violates your project’s prescribed ESLint or stylelint rules that will transform when you run it through Prettier. How can you enforce those rules? You could add checks to Travis CI, but then someone still has to fix the problems. Ideally, whoever introduced the problems should fix them _before_ pushing their branch up for everyone else to see.

That’s where Husky comes in. Husky is a tool for managing Git hooks in JavaScript projects. Git hooks are scripts that Git runs before or after certain commands, such as `commit` or `push`. In the olden days, developers had to install a project’s Git hooks on their machine manually. Husky makes this much easier. When Husky is installed by npm (or yarn), it uses a post-install script to install its own Git hooks, which will run whatever commands you specify for it in `package.json`. For developers working on your project, the process is effortless.

>**Be Considerate with hooks**<p>Git hooks are very powerful, and with great power comes great responsibility. Some project maintainers go overboard with hooks, forcing developers to run big, expensive scripts in the middle of their Git workflow. Respect your collaborators’ time. If it takes more than a few seconds, maybe it should be a CI task rather than a Git hook.</p>

## Setting up Husky

The following are the steps to set up Husky:

* Start by installing the `husky` package from npm:

  ~~~sh
  $ npm install --save-dev husky@1.3.1
  + husky@1.3.1
  ~~~

* Then add a new `husky` section to the project’s `package.json` to specify the hooks. Start with just one pre-commit hook to run `eslint .`:


Learn how to set up Git hooks easily with the help of Husky in this lesson.


Git Hooks with Husky

Before We Begin

Test-Driven Development with Jest

Integrated Tooling with VS Code

Testing React with Enzyme

Styling in JavaScript with Styled-Components

Refactoring with Higher-Order Components

Continuous Integration and Collaboration

Conclusion

Git Hooks with Husky

Git Hooks with Husky