React Demos — Episode 1 — Setting the Scene

Photo by Xavi Cabrera on Unsplash

Introduction

I’ve been using Angular for most of my frontend development activities. However, I started exploring React as well, liked it well and wrote few posts about how to get started with it. You can check those posts in the related post section below.

Here my intention is to focus more on the practical usage of react by building various small demo projects. We’ll cover some theory as well along the way.

But, before we do that, we need to setup the stage. A starting point, for this learning journey.

In this post, we’ll take first step and create a react application using create-react-app. Further posts will cover different topics in an incremental manner and we’ll learn as we progress.

Lets start with a quick recap of React

• React is declarative (it describes the UI).
• React helps bring structure through components.
• React is component based. Each component is a separate concern. Think of component as simple functions in programming languages.
• React doesn’t really have the concept of a page. What the user perceives as a page is just composition of components.
• Components are little Lego pieces that give us more control how future…