When you’re learning a new skill, video tutorials can only take you so far. Many people agree that getting your hands dirty by building a project is the way to go.

So, in this series of hands-on articles, we’ll build not one or two, but five small React applications.

These apps will range from small to mid-sized and will require you to build the whole thing yourself. Like you’ll really code the app and pass the test cases and make sure you learn each skill.

Ready to start?

How this will work

This article is heavily inspired by freeCodeCamp’s own video here. But instead of just watching the video, you’ll have to complete the projects with your own hands.

Throughout the course of this mini blog series, you’ll build five small projects. And for each project, there are some basic rules:

  1. You have to code certain (or all) aspects of a feature
  2. You have to pass the given tests for the challenges
  3. You can seek out external help. But I would recommend spending some time with the interface and the instructions first. This is because the interface is designed based on how you’ll likely actually spend your time as a developer in developer-based tools.

Just a note: codedamn spins up a server instance for each user, so in order to use the classroom you need to register/sign in.

If you just want to check out the code and work through the project on your own, not in the classroom, you can view it on GitHub. I’ve linked to GitHub in each section below so you can jump to the relevant part in the code.

So let’s get started with the first project. If I receive good feedback, I will continue the write-ups and projects.

#react #javascript #web-development #programming #developer

Learn React.js by Building Projects – Create a Birthday Reminder App
15.60 GEEK