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. No previous knowledge is required. The only thing you need to know is JavaScript (of course).
The Koans are a set of tasks to complete. Prepared tests checks if they are done correctly.
Installation
git clone git@github.com:arkency/reactjs_koans.git
cd reactjs_koans
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
a contains files compiled fromexercises
.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:
- Run command
npm run start
- Visit http://localhost:8080/
Instructions
- Work on the code found in the
exercises
directory and run the tests to see if you did everything right. - You need to do the exercises in the given order.
- Try to not peek at the test files! They contain spoilers.
- To run the tests, use
npm run test-es6
. To automatically run tests when your code changes, usenpm run watch
.
Story of this project
We first started teaching React with our book for Rails developers. However, we found out that learning from book isn't the most suitable way of learning for everyone. Even though we had hands-on example, we decided to cover basics of React using the koans format.
We covered more advanced topics of React in this book. If you're interested in expanding your knowledge this book can be a great fit. It is aimed for Rails developers mostly, but you don't need to know Rails - React and its concepts are the core of this book.
For the price of the book, you get:
- 150~ pages of hands-on examples, basic theorethical background, tips for testing and best practices;
- 50~ pages of bonus content - examples of React in action, more advanced topics and interesting worldviews about creating rich frontends;
- an additonal repository of code examples bundled with the book, so you can take examples from the book and fiddle with them;
You can use special 20% discount code: KOANS.
Grab your copy today or download a free chapter
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
.
License
The project is licensed under the free MIT license. You can read more about it in the LICENSE file
About
React Koans is funded and maintained by Arkency. Check out our other open-source projects.
You can also hire us or read our blog.