React.js Koans

If you want to learn React.js you came to the right place. We prepared a set of practical exercises that will help you learn React.js from square one. The only thing you need to know is JavaScript. Here we are using ECMAScript 2015 standard.

The Koans are a set of tasks to complete. Prepared tests checks if they are done correctly.

Installation

Make sure you have Node.js and Python 2 installed.

1. Fork the repo from Hackreactor
2. clone reactjs-koans from your fork
3. cd reactjs-koans
4. npm run setup

Koans structure

• Edit the files found in the exercises directory.
• The koans directory contains the source of all the exercises. test contains the tests.
• src contains files compiled from exercises.
• build contains sources launched in the web browser version of Koans.

Start a local web server (optional)

You can run a webserver and see your changes live in your web browser:

1. Run command npm run start
2. Visit http://localhost:8080/

Instructions

1. Remember about running the setup script before you start working on Koans!
2. Work on the code found in the exercises directory and run the tests to see if you did everything right.
3. You need to do the exercises in the given order.
4. Try to not peek at the test files! They contain spoilers.
5. To run the tests, use npm run test. To automatically run tests when your code changes, use npm run watch.

Additional resources

• React docs - it's a great source of in-depth information about React.
• Why keys are important in React - great reading explaining the reason for React's keys.
• Reactiflux. User group on Slack. You can meet a lot of people using React there. There's a channel for beginners needhelp.