React Components

docs/ui/react/components.md

@@ -0,0 +1,53 @@
+---
+layout: default
+title: React Components
+parent: React
+grand_parent: UI Design
+permalink: /docs/ui/react/components/
+---
+
+
+# React Components
+{: .no_toc }
+
+## Table of contents
+{: .no_toc .text-delta }
+
+1. TOC
+   {:toc}
+
+---
+
+## React Components
+
+
+Components are the building blocks of any React app and a typical React app will have many of these. Simply put, a component is a JavaScript class or function that optionally accepts inputs i.e. properties(props) and returns a React element that describes how a section of the UI (User Interface) should appear.
+
+In React, a Stateful Component is a component that holds some state. A Stateless component, by contrast, has no state. Note that both types of components can use props.
+
+---
+
+## Functional Components
+
+
+
+---
+
+## Class Components
+
+---
+
+## Pure Components
+
+---
+
+## Higher Order Components
+
+---
+
+## Lazy Loading
+
+---
+
+
+