https://github.com/ducvui2003/reactjs-news-page
https://github.com/ducvui2003/reactjs-news-page
Last synced: 17 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/ducvui2003/reactjs-news-page
- Owner: ducvui2003
- Created: 2024-04-24T13:10:59.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-14T11:53:41.000Z (almost 2 years ago)
- Last Synced: 2025-03-03T03:13:00.148Z (over 1 year ago)
- Language: TypeScript
- Homepage: https://reactjs-news-page.vercel.app
- Size: 1.65 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# I. Cấu trúc folder
## 1. assets
- Chứa các tài nguyên như ảnh, font, svg,...
## 2. components
- Chứa các component
- Các component là các thành phần tách rời mà các trang có thể tái sử dụng lẫn nhau
- Mỗi component được để trong 1 folder riêng, đặt tên theo dạng Header, Nav,...(đặt tên chữ **HOA** đầu)
## 3. pages
- Chứa các page lớn của trang
- Mỗi page và các page con của page đó nằm trong 1 package (đặt tên chữ **HOA** đầu)
## 4. services
- Chứa các phần để lấy các tài nguyên bên ngoài (call api, gửi action đến redux)
### 4.1 api
- Cung cấp hàm để call api, những lúc cần call chỉ cần gọi method trong đây ra (hiện tại đan tích hợp bằng axios)
## 5. store
- Sử dụng để setup các thành phần cần thiết cho redux (sẽ cấu hình sau)
## utils
- Chứa các function dùng chung như format tiền tệ, ngôn ngữ, đơn vị,...
# Lưu ý
- Các file tsx đặt tên chứ Hoa ở đầu mỗi chữ
- Mỗi file tsx chỉ chứa duy nhất 1 function components (sử dụng export + import)
- Các function, method, variable đều phải khai báo type