Your First React Projects

React is not the easiest thing to learn as a beginner developer and it does take some time and a lot of patience to really grasp it. Your first projects should be simple to really understand what’s happening. So here are some of my recommendations.

The Infamous TO-DO List

Honestly, a to-do list is quite simple, but it does require you to use quite a bunch of react features to create. For example you will need to use event handlers, state, props and many more to achieve this simple app. It is a perfect first project and I do highly recommend you try and make one yourself.

An App That Consumes an API

You can make a front end to any API you find in the wild. I recommend a weather API or a cool one is breaking bad characters API if you’re a fan of Breaking Bad – who isn’t 😊. I personally made one of my projects with TMDb API which is a movie API where you can get all the movies, reviews, ratings, budget, cast and so much more. This is going to teach you the basics of consuming API’s with async javascript and how to handle requests to an external server.

A Fully Functioning Storefront and Cart System

This is quite more advanced than my previous recommendation, but it does expand your knowledge even further. This project will seriously test your skills. Go to any ecommerce website and add a few items to your cart and play around. You’ll notice quite a few things update cart, items quantity in the cart and calculate total price based on items in the cart and quantity. This should be your goal. If you want to get more advanced, you can also add Redux to the project.