Learn basics of React.js making the tests pass
Alternatives To Reactjs_koans
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Storybook81,0487,28921,476a day ago1,108September 14, 20221,822mitTypeScript
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
Javascript Testing Best Practices22,479
a month ago63mitJavaScript
📗🌐 🚢 Comprehensive and exhaustive JavaScript & Node.js testing best practices (July 2023)
Enzyme19,99651,43529,9202 months ago54December 20, 2019287mitJavaScript
JavaScript Testing utilities for React
React Testing Library18,2802,70744,87811 days ago98November 08, 202334mitJavaScript
🐐 Simple and complete React DOM testing utilities that encourage good testing practices.
Keystone8,479492 days ago18November 16, 2022101mitTypeScript
The most powerful headless CMS for Node.js — built with GraphQL and React
React Cosmos7,924631412 days ago370November 26, 202311mitTypeScript
Sandbox for developing and testing UI components in isolation
Realm Js5,4146361432 days ago382November 23, 2023588apache-2.0TypeScript
Realm is a mobile database: an alternative to SQLite & key-value stores
React Hooks Testing Library5,1115075,8137 months ago53June 18, 202240mitTypeScript
🐏 Simple and complete React hooks testing utilities that encourage good testing practices.
Jest Cheat Sheet5,045
5 months agocc0-1.0
Jest cheat sheet
Pepperoni App Kit4,64525 months ago4March 24, 201771mitJavaScript
Pepperoni - React Native App Starter Kit for Android and iOS
Alternatives To Reactjs_koans
Select To Compare

Alternative Project Comparisons

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.


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

  1. git clone
  2. cd reactjs_koans
  3. 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/


  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.

Video walkthrough

More than just Koans


If you want to read more about React.js and modern JavaScript applications, check out our React Kung Fu blog.

The book

For people who finished Koans, we prepared something to go continue: the React by example book. In this book, we explain how to create common widgets like password-strength meter or credit card input.

For the price of the ebook, you get:

  • Over 140 pages of React content. From fast introduction to React to example Todo app;
  • 11 practical real-world examples;
  • Repositories with code for most of the examples;

It's an early version of the book. It means some wording in book may change and there will be more examples later. All updates for the book are free.

You can use special 20% discount code: REACTKOANS. 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.



React Koans is funded and maintained by Arkency. Check out our other open-source projects.

You can also hire us or read our blog.

Popular Testing Projects
Popular Reactjs Projects
Popular Software Quality Categories

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.