Here are a few practice exercises to interact with the DOM but this time in react! Try and complete as much as you can without using the solutions, as we are practicing all the skills involved in web development! I would suggest only looking at the solutions after you have your own working example, or you have exhausted your google searches. This time you can figure out the last two by yourself. If you get stuck then reach out for the solutions.
-
Clone this repository
-
cd into the folder and run
npm install -
Implement solutions in
App.jsfor each of the exercises
HINT: Hints are available in the hints directory and solutions in solutions
Try completing each exercise on your own, before checking the hints or solutions.
- Try recreating each of the sections in a separate component.
- Use your knowledge of testing to run some tests on the exercises
- Refactor your code to use the best coding practices