Build a Blog App with React — Components and Hooks

Part 3 — We will deal with BlogDetail, Create components, and build the useFetch custom hook in the third part.

Photo by Anete Lūsiņa on Unsplash

Hello everyone! So, this is going to be the third part of the React blog app series. In the first part, we discussed how we could start a new React project, and we learnt how to set up a Git repository to track our changes. Also, we had a look at the package.json file.

Build a Blog App with React — Intro and Set-Up (Part 1)

Then, in the second part, we started to build our components. First, we got an overview of all our components and how they should work. Next, we built out the Home and the BlogList component.

Build a Blog App with React —Building Components (Part 2)

In the third part, I will be dealing with the other important components like the Blog detail component, the Create new blog component and the useFetch custom hook in this part.

I would then include all other components and the local server part in the fourth part of the series.

If you want to learn more about React custom hooks, this awesome article by Mayank Gupta is a great resource.

Creating Custom React Hooks

BlogDetails Component

This is the component where we fetch and display a single blog post. So, as you remember, we call this component using a Link passing in the web address. So, we included a blog’s id in the URL as a param.

So, we will extract the id using the getParams() hook. We then use our useFetch custom hook to get that particular blog…