diff --git a/README.md b/README.md index 62d26cc..c37262e 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # 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](https://babeljs.io/docs/learn-es2015/). +If you want to learn React.js you came to the right place. We prepared a set of practical koans 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](https://babeljs.io/docs/learn-es2015/). The Koans are a set of tasks to complete. Prepared tests checks if they are done correctly. @@ -14,9 +14,8 @@ Make sure you have Node.js and Python 2 installed. ## 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`. + * Edit the files found in the **`koans`** directory. + * The `koans` directory contains the source of all the koans. `test` contains the tests. * `build` contains sources launched in the web browser version of Koans. ## Start a local web server (optional) @@ -29,8 +28,8 @@ You can run a webserver and see your changes live in your web browser: ## 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. + 2. Work on the code found in the `koans` directory and run the tests to see if you did everything right. + 3. You need to do the koans 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`. diff --git a/koans/01-HelloWorld.jsx b/koans/01-HelloWorld.jsx index 1590b81..467e72c 100644 --- a/koans/01-HelloWorld.jsx +++ b/koans/01-HelloWorld.jsx @@ -23,7 +23,7 @@ class HelloWorld extends React.Component { render() { return ( -
FILL ME IN!
+
FILL ME IN
); } } diff --git a/koans/02-PartiesList.jsx b/koans/02-PartiesList.jsx index 7eb9329..abc735d 100644 --- a/koans/02-PartiesList.jsx +++ b/koans/02-PartiesList.jsx @@ -11,7 +11,7 @@ class PartiesList extends React.Component { // Doesn't this code look familiar to you? render() { return ( -