This document will help you set up your local environment!
You'll need 4 things for this workshop:
There are 2 reasons you'll need git -
- To clone this repository.
- Jest, the framework we'll use to write tests, depends on git to identify changes you've recently made.
If you already have a git client installed, you're covered for reason 1.
For reason 2, you'll need to make sure you can access git from a terminal/command line.
If you have git installed, and accessible to your terminal, you'll see a version number listed. You can move on to 2. NodeJS!
If you don't see a version listed, or an error that says something to the effect of "I don't know what git is", you need to either install git, or add it to your path/environment variables.
I need to install git
I already installed git but
git -v doesn't work
This probably means git wasn't added to your path/environment variables, so your terminal can't find it. You have a couple options.
You should see a version number, and the version number should be at least 8.9.0.
I see a version number, and it is at least 8.9.0!
I see a version number, but it is less than 8.9.0.
There's a chance that things could be fine, but you might want to upgrade your version of Node just to be safe.
nvm install v8.9.4.
I don't see a version number.
I recommend using a Node version manager - this will allow you to install multiple versions of Node locally, and switch between them. This is especially helpful if you're attending multiple workshops, as different sessions might require different versions. If you're on Mac/Linux, I recommend NVM. If you're on Windows, I recommend nvm-windows.
If you'd prefer to just install one version of Node, that's fine too. You can grab the LTS installer from NodeJS.org.
You should see a version number, and the version number should be at least 5.5.1.
I see a version number, and the version number is at least 5.5.1!
I see a version number, but it is less than 5.5.1.
I don't see a version number.
Clone This Repository
The repository URL is https://github.com/pepopowitz/your-first-react-app-exercises.git. If you've never done this before, you want to go into your terminal and type...
git clone https://github.com/pepopowitz/your-first-react-app-exercises.git
This will clone the repository into your current working directory.
I've included a simple test to make sure everything seems to be installed correctly.
npm run verify.
You should see output similar to below. If you do, you're ready to go!
Dependencies are set up! PASS _setup/verify.spec.jsx Verifying your setup ✓ should run a test (1ms) ✓ can render a component (3ms) Test Suites: 1 passed, 1 total Tests: 2 passed, 2 total Snapshots: 0 total Time: 0.408s, estimated 1s Ran all test suites related to changed files. Watch Usage: Press w to show more.
You can hit "q" to exit this interactive test output.
If you don't see this output, ask your neighbor or the instructor for help, or create an issue in this repository describing the problem. Include your operating system and version, a detailed error message, and any other context you think might be helpful.
watchman error on Mac
If you see an error referencing
watchman, and you are on a Mac, you might need to manually install watchman. Do this with homebrew (brew install watchman).
Even after installing, sometimes it seems to fail at linking. You might need to do this manually, too (
brew link watchman).
A possibly related issue is here - https://github.com/expo/expo/issues/854.