Reddit-site-mirror
所属分类:构建工具
开发工具:TypeScript
文件大小:0KB
下载次数:0
上传日期:2023-10-28 15:50:17
上 传 者:
sh-1993
说明: React(TypeScript)项目:加载帖子和评论的新闻网站(基于Reddit网站和Reddit API),
(React (TypeScript) project: the news website with loaded posts and comments (based on Reddit site and Reddit API),)
This is a React (+TS) project of news website realized based on Readdit news site acording to Figma maket (https://www.figma.com/file/STABzVueKL3brf4aOgkvW2/Rd-(Mirror)?type=design&node-id=94-2&t=0HYy6B594EmjsQWo-0)
and Reddit API (https://github.com/reddit-archive/reddit/wiki/API).
In the project directory run:
### `npm start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
## Here are implemented:
- functional components;
- authorization using public API Reddit (getting and saving token);
- React hooks (useEffect, useState, useRef..);
- Ref and useRef React hook - implementation of a click outside mechanism to hide a modal window;
- Customs hooks;
- passing Data with Context, rendering components with Portal;
- controlled and uncontrolled components using the example of a comment field for a post;
- loading a feed of posts;
- using Redux as main state management library for this app (actions, reducers, react-redux, redux-thunk);
- using Zustand such as additional state management library;
## Main page:
![image](https://github.com/IShabarina/Reddit-site-mirror/assets/81320062/6757c770-b41e-49f3-9644-863489095e1c)
## Modal with Post:
![image](https://github.com/IShabarina/Reddit-site-mirror/assets/81320062/d7f0c407-432d-4d1f-82dc-5efffffd7c9e)
近期下载者:
相关文件:
收藏者: