Credit at


Before starting, let me tell you what you will learn in this article:

  • how to use useState and useEffect React hooks to create a controlled form input to add new topics
  • how to pass down information to a component through props
  • how to connect a front-end with your back-end with axios
  • how to dynamically render your components based on the data present in your back-end

Welcome back everyone! If you have not been following this series on how to build a full-stack application, in the previous two articles we saw how to build the back-end and the front-end. …

In the last article, we learnt how to set up a basic server that will provide us with the data we need. Now it’s time to build the front-end, what the user will actually see when it access our app! For this tutorial, I will be making a very simple app in React. Time to start ⚡️.

Housekeeping 🧹

As always, before setting off, we need to install the needed dependencies and to bootstrap our React app. Let’s start with the latter. React has an handy CLI-command that will help you create the boilerplate of your app in no time. Go to…


Until four months ago, I had never written a line of code. A few days ago, I built my first application using React. Here is a little demo showing what I have done (sorry for the bad video…)

During my process of learning, I found a lot of material that helped me building my app, but none of it was comprehensive enough. In this series of articles I want to teach you how YOU can also build a CRUD (Create-Read-Update-Delete) application from back-end to front-end, how to connect both parts and how to add some basic authentication. …

Andrea Undecimo

I write on how to code in JavaScript. Follow me here for interesting guides!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store