reading-notes

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

Source: Medium

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?