Reading 1 - Introduction to React and Components

Component-Based Architecture

Source: Tutorials Point

Q1: What is a “component”?

A component is an independant, reusable JavaScript object.

Q2: What are the characteristics of a component?

A component is:

Reusable
Replacable
Not context-specific
Extensible
Encapsulated
Independant

Q3: What are the advantages of using component-based architecture?

Component-based architecture is:

Easy to develop, deploy, and update
Lower cost
Reusable
Reliable
Independant

Props in React

Q4: What is “props” short for?

"Props" is short for properties.

Q5: How are props used in React?

Props are used in React to pass data between components.

Q6: What is the flow of props?

The flow of props is uni-directional, from parent component to child component.

Things I want to know more about

What is the difference between a library and a framework?
What does a fully-rendered, modern site using React look like?