/react-exercises

Learn and practice React.js in this interactive tutorial with dozens of react exercises.

Primary LanguageJavaScript

React Exercises at 4Geeks Academy (beta)

You can find lots of interactive tutorials online, but none about React.js. That's why we decided to create a very complete selection of autograded react.js exercises developers interested in learning React.js: For seniors or juniors!

Start practicing right now in gitpod:

Open in Gitpod

Or Local Installation (if you prefer not to use gitpod)

  1. Make sure you have the breathecode-cli installed and node.js version 8+
This is the command to install the breathecode-cli
$ npm i breathecode-cli -g
  1. Download the react exercises in the current directory run:
$ bc start:react-exercises -r

Note: Once you finish downloading, you will find a "exercises" folder that contains all the exercises within.

  1. Start the tutorial/exercises by running the following command from the root of the project:
$ npm i jest@24.8.0 -g
$ bc run:exercises

How are the exercises organized?

Each exercise is a small react application containing the following files:

  1. index.js: represents the entry file for the entire app.
  2. README.md: contains exercise instructions.
  3. test.js: you don't have to open this file, it contains the testing script for the exercise.

Contributors

Thanks goes to these wonderful people (emoji key):

  1. Alejandro Sanchez (alesanchezr), contribution: (coder) 💻 (idea) 🤔, (build-tests) ⚠️, (pull-request-review) 👀 (build-tutorial) ✅ (documentation) 📖
  2. Nicolas (waspothegreat), contribution: (bug reports) 🐛, (translation) 🌎

This project follows the all-contributors specification. Contributions of any kind are welcome!