没有合适的资源?快使用搜索试试~ 我知道了~
NewsApp:新闻应用程序,使用新闻API提供新闻的中级React应用程序
共56个文件
js:30个
scss:18个
json:3个
需积分: 12 0 下载量 197 浏览量
2021-03-26
03:00:53
上传
评论
收藏 221KB ZIP 举报
温馨提示
通讯应用 这个应用程序将呈现来自世界的最新新闻,我正在使用NewsAPI,它为我提供了可以实时获取数据的端点。 创建React App Boilerplate为我提供了用于开发该应用程序的启动文件,然后我清理了该项目并开始编写代码。 开发过程始于创建包含所有子组件的Header和Footer组件。 首先,通过复制Postman或任何类似程序的输出,数据是静态的,并存储在顶级componenet状态。 该状态将传递给子组件以映射所有状态项(prop-drilling)。 其次,axios已与npm一起安装,并用于从News API获取数据,如果您以开发人员身份登录,则该API允许我们每天获取100次数据。 React Router Dom也随npm一起安装,它用于根据所单击的链接在不同的路由之间进行切换。 然后,每个Route都重复使用相同的组件,Header和所有子组件,Article
资源推荐
资源详情
资源评论
收起资源包目录
NewsApp-master.zip (56个子文件)
NewsApp-master
.gitignore 310B
README.md 2KB
public
manifest.json 492B
robots.txt 67B
index.html 1018B
package.json 934B
src
components
Footer
Footer.js 466B
Footer.scss 1007B
FilterArticle
FilterArticle.scss 4KB
FilterArticle.js 672B
Logo
Logo.scss 771B
Logo.js 316B
Button
Button.scss 800B
Button.js 295B
Spinner
spinner.gif 30KB
Spinner.scss 86B
Spinner.js 394B
SocialMediaBox
SocialMediaBox.scss 460B
SocialMediaBox.js 979B
Advert
Advert.js 299B
Advert.scss 0B
Navbar
Navbar.scss 829B
Navbar.js 983B
Header
Header.js 602B
Header.scss 455B
Sidebar
Sidebar.js 396B
BurgerButton
BurgerButton.js 328B
BurgerButton.scss 490B
Article
Article.scss 5KB
Article.js 1KB
ArticlesBox
ArticlesBox.scss 3KB
ArticlesBox.js 681B
CopyrightBox
CopyrightBox.js 591B
CopyrightBox.scss 1KB
SearchBox
SearchBox.js 2KB
SearchBox.scss 929B
FilterArticlesBox
FilterArticlesBox.js 433B
FilterArticlesBox.scss 2KB
RouteName
RouteName.js 342B
RouteName.scss 413B
routes
Sports
Sports.js 2KB
Health
Health.js 2KB
Home
Home.js 2KB
Business
Business.js 2KB
Tech
Tech.js 2KB
Science
Science.js 2KB
Filter
Filter.js 679B
Media
Media.js 2KB
context
newsContext.js 1019B
newsReducer.js 51B
NewsState.js 9KB
index.scss 0B
App.scss 2KB
index.js 221B
App.js 1KB
package-lock.json 691KB
共 56 条
- 1
资源评论
GDMS
- 粉丝: 32
- 资源: 4529
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功