# Introduction to React and Components

[Return to Home](https://sethppierce.github.io/reading-notes)

## Questions

### Why this matters

Knowing the basic units in React and how they interact with data is important to be able to work within React.

### Component-Based Architecture

What is a “component”? - A component is a modular, portable, replaceable, and reusable set of well-defined functionality that encapsulates its implementation and exporting it as a higher-level interface.

What are the characteristics of a component? - Reusability, Replaceable, not context specific, extensible, encapsulated, independent

What are the advantages of using component-based architecture? - Ease of deployment, reduced cost, ease of development, reusable, modification of technical complexity, Reliability, System maintenance and evolution, independent

### What is Props and How to Use it in React

What is “props” short for? - properties

How are props used in React? - the way to pass data in between components

What is the flow of props? - uni-directional