Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/duynghiadev/learn-reactjs
Course React 2020 on Udemy by Hau Nguyen
https://github.com/duynghiadev/learn-reactjs
reactjs redux redux-toolkit scss-styles
Last synced: about 17 hours ago
JSON representation
Course React 2020 on Udemy by Hau Nguyen
- Host: GitHub
- URL: https://github.com/duynghiadev/learn-reactjs
- Owner: duynghiadev
- Created: 2023-01-28T07:50:33.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-12-10T10:06:37.000Z (about 1 month ago)
- Last Synced: 2024-12-10T11:20:21.696Z (about 1 month ago)
- Topics: reactjs, redux, redux-toolkit, scss-styles
- Language: JavaScript
- Homepage:
- Size: 137 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ReactJS Project
## Folder structure
```
src
|__ components (shared components between features)
| |__ Loading
| |__ index.jsx
| |__ styles.scss
|
|__ features
| |__ Todo
| |__ components (components of feature Todo)
| |__ pages (pages of feature Todo)
| |__ index.jsx (entry point of feature Todo)
|
|__ App.js
```
### FiltersViewer
```js
const filters = {
isPromotion: true,
salePrice_lte: 100,
salePrice_gte: 100,
};
```
### FILTER_LIST
- id: number
- getLabel: (filters) => string
- isActive: (filters) => true/false
- isVisible: (filters) => true/false
- isRemovable: boolean
- onRemove: func
- onToggle: func
```
DetailPage handleSubmit
|__ AddToCartForm (form management)
| |__ QuantityField
```
```
/products/:productId --> ProductDescription
/products/:productId/additional --> ProductAdditional
/products/:productId/reviews --> ProductReviews
```
- DetailPage
- Click Chọn Mua
- Open Mini Cart
- Go to Cart Page
### Cart
- showMiniCart: true / false
- cartItems -> item (product, quantity)
### State tính toán phụ thuộc vào state có sẵn
- cartItemsCount
- cartTotal
`--> createSelector()`