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

# Installing Node and `npm`

The JavaScript landscape has changed dramatically in the last eight years, and nothing bears as much responsibility for those changes as Node.js (“Node” for short). JavaScript was created at Netscape in 1995 to run in one specific place: the browser. Since then, server-side JavaScript has been attempted in various forms but without much success. Node changed all that. Today, JavaScript powers millions of servers, rivals Ruby and Python in popularity as a scripting language, and lies at the core of many rich desktop apps. For example, VS Code, which is a full-featured editor you’ll meet in the next chapter. Thanks to Node, JavaScript is _everywhere_.


Check if you have Node installed by running `node -v`:

~~~note
$ node -v
v8.12.0
~~~

If that command runs and gives you version 8 or higher, you’re good to go. If not, go to [NodeJS.org](https://nodejs.org/) to download and install the latest LTS (long-term support) release. If it still doesn’t run, you may need to add the `node` executable to your command-line shell’s [`PATH`.](https://cbednarski.com/articles/understanding-environment-variables-and-the-unix-path/)

The Node installer should also have included an executable called `npm`:

~~~note
$ npm -v
6.4.1
~~~

Officially, npm (never capitalized) is not an acronym. But colloquially, it’s known as the **n**ode **p**ackage **m**anager. And as we’ll soon see, it’s an indispensable tool.

>You can check the npm and node version in the terminal below using the commands above.




Node and npm

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

Node and npm

Installing Node and `npm`

Node and npm

Installing Node and npm

Installing Node and `npm`