reading-notes

Class 01 Reading: Introduction to React and Components

Resources

• Component-Based Architecture
• What is Props and How to Use it in React

Component Based Architecture

1. 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.

2. What are the characteristics of a component? Characteristics of a component are that it is reusable, replaceable, not context specific, extensible, encapsulated, and independent.

3. What are the advantages of using component-based architecture? The advantages of using component-based architecture are that it is easier to develop, easier to maintain, easier to replace, easier to reuse, and easier to test.

What is Props and How to Use it in React

1. 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.

2. What are the characteristics of a component? Characteristics of a component are that it is reusable, replaceable, not context specific, extensible, encapsulated, and independent.

3. What are the advantages of using component-based architecture? The advantages of using component-based architecture are that it is easier to develop, easier to maintain, easier to replace, easier to reuse, and easier to test.

Bookmark and Review

• React Tutorial Through ‘Passing Data Through Props’

• React Docs - Hello World

• React Docs - Introducing JSX

• React Docs - Rendering Elements

• React Docs - Components and Props