|
@@ -1,6 +1,7 @@
|
|
|
-This project is a collection of common UI components powered by React.js.
|
|
|
|
|
|
|
+This project is a collection of common UI components powered by React.js.
|
|
|
|
|
+[demo](https://nioh.ca/projects/components)
|
|
|
|
|
|
|
|
-# Install
|
|
|
|
|
|
|
+# Run locally
|
|
|
In the source folder:
|
|
In the source folder:
|
|
|
```Shell
|
|
```Shell
|
|
|
npm install
|
|
npm install
|
|
@@ -14,6 +15,9 @@ A development server will be ready and listen on `localhost:3000`.
|
|
|
- Simple counter managed by Redux
|
|
- Simple counter managed by Redux
|
|
|
- Modal
|
|
- Modal
|
|
|
- Slide Show
|
|
- Slide Show
|
|
|
|
|
+- Form with validation
|
|
|
|
|
+- Reddit post fetcher
|
|
|
|
|
+- Animated burger menu
|
|
|
|
|
|
|
|
# Thoughts
|
|
# Thoughts
|
|
|
-Managing the state of components in an application is made easy by React. State change triggers event function that will be propagated automatically to children components. Redux reinforces this pattern by enforcing the principle of single source of truth. In the end, with React-Redux model, UI management evolves to fancy manipulation of a single client side data base.
|
|
|
|
|
|
|
+Managing complicated states of components in an application is made easy by React. Ingeneral, state change triggers event function that could be propagated automatically to children components. Redux reinforces this pattern by enforcing the principle of single source of truth. In the end, with React-Redux model, UI management evolves to fancy manipulation of a single client side data base.
|
