Sign in

Safder Areepattamannil

In this article, you will learn how to make your React app modular by breaking up the code into components. We will learn about class-based vs function components in React.

This article was originally published on my blog, I would love it if you could give me a visit and subscribe to my newsletter while you are there for regular updates of my new posts!

If you ended up here without reading the previous sections, you can find all the previous parts below. I would recommend reading this series in order.

Hacker News Clone Series:

Part 1: What is React?
Part…


The forEach() method is used to iterate over an array or an object. The method provides us access to the individual elements such that we can extract, manipulate or transform them in some way.

This article was originally published on my blog, I would love it if you could give me a visit and subscribe to my newsletter while you are there for regular updates of my new posts!

How does the forEach() method work?

The structure of forEach is as follows, I have indicated the optional arguments for the function as well.


array.forEach(function(currentValue, index [optional], array [optional]), thisArg[optional])

The forEach method loops through the given…


In this article, you will start building out your React application and get into the most important concept in React, Javascript XML (JSX).

JSX is easy to pick up if you are familiar with HTML and JavaScript.

This article was originally published on my blog, I would love it if you could give me a visit and subscribe to my newsletter while you are there for regular updates of my new posts!

If you ended up here without reading the previous sections, you can find all the previous parts below. I would recommend reading this series in order.

Hacker News…


Project Setup

Prior to starting building, let’s go over some of the files that come with the create react app. Within your favourite text editor let’s take a look at the files (I use Visual Studio Code, which has a plethora of plugins just for React).

This article was originally published on my blog, I would love it if you could give me a visit and subscribe to my newsletter while you are there for regular updates of my new posts!

Hacker News Clone Series:

Part 1: What is React?
Part 2: Create-React-App Internals
Part 3: JSX and adding CSS To Your React App
Part…


If you haven’t already heard of React, most likely you’ve been living under a rock. React is a JavaScript library created by Facebook, it used to create beautiful functional user interfaces using a component-based architecture (we’ll get to that in a second).

This article was originally published on my blog, I would love it if you could give me a visit and subscribe to my newsletter while you are there for regular updates of my new posts!

Hacker News Clone Series:

Part 1: What is React?
Part 2: Create-React-App Internals
Part 3: JSX and adding CSS To Your React App

What is React.js?

Safder Areepattamannil

Posts, tutorials, snippets and all the antics I’m up to. www.colorcoder.dev

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