https://github.com/impeiran/react-cnodejs

cnode-club for h5 (react + ts)
https://github.com/impeiran/react-cnodejs

cnode cnode-webapp cnodejs hook react react-cnode webapp

Last synced: about 2 months ago
JSON representation

cnode-club for h5 (react + ts)

• Host: GitHub
• URL: https://github.com/impeiran/react-cnodejs
• Owner: impeiran
• Created: 2019-06-09T03:55:47.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T02:40:08.000Z (about 2 years ago)
• Last Synced: 2023-03-02T23:11:06.085Z (almost 2 years ago)
• Topics: cnode, cnode-webapp, cnodejs, hook, react, react-cnode, webapp
• Language: TypeScript
• Homepage: http://impeiran.com/cnode
• Size: 3.69 MB
• Stars: 13
• Watchers: 0
• Forks: 4
• Open Issues: 22
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#### Cnodejs based on react

此项目为复刻[cnode社区](https://cnodejs.org)制作的H5版本，采用react hooks全面改写，零外部UI组件依赖。可供入门react hooks进行研究。预览效果，可扫描文章下方的二维码。`PS：由于cnode服务器在海外，API请求延时有时会比较长。`

#### Feature / 功能

- [x] 骨架屏Loading动画（后续考虑使用自动化生成）

- [x] 异步Hook`useAsync`

- [x] 列表页无限滚动`useLoadMore`（采用`IntersationObserver`）

- [ ] 列表页数据缓存策略

- [x] markdown与代码高亮

- [ ] 用户登录与保持

- [ ] 点赞与收藏

#### Design / 效果图

![preview](./docs/cnode-preview-compress.png)

#### Preview / 预览

![](./docs/Javascript.png)