randy8891/react-exercises

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

Learn React.js exercises at 4Geeks Academy

My name is Alejandro Sanchez @alesanchezr. I'm really excited to have you here !! 🎉 😂 Learning to code is hard, you need coaching! DM me on twitter if you have any question.

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

These exercises are intent to be built by collaboration, we need you! If you find any bugs or misspells plese contribute and report them.

One click installation:

Manual Installation

1. Make sure you have the breathecode-cli installed and node.js version 10+. This is the command to install the breathecode-cli

$ npm i breathecode-cli -g

2. Download the react exercises by cloning the project or typing breathecode download:exercises on the terminal or downloading the zip from github.

Note: Once you finish downloading, make sure you are in the right folder (you will find a the subdirectory "exercises").

3. Start the tutorial/exercises by running the following command from the root of the project:

$ npm i jest@24.8.0 -g
$ breathecode run

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!