hacker-news-app:使用React JS使用其官方API制作的Hacker News网站克隆-源码

上传者: 42133415 | 上传时间: 2021-08-27 16:16:18 | 文件大小: 203KB | 文件类型: ZIP
这是著名的Y Combinator的Hacker新闻网站的部分克隆。 它是使用React JS的官方Api制成的。 应用共有4个视图(页面),3个主页和一个嵌套页面; 主要页面有:热门故事,它是一个主页,它显示热门故事列表,新故事(新故事列表)和所有评论,其中显示了网站上发布的每个故事的评论列表(按时间排序); 热门或新故事页面列表包含20个故事,您可以使用屏幕底部显示的自定义分页来回浏览故事(从服务器发送的故事总数约为500个)。 “热门新闻”或“新故事”页面上每个故事的标题均包含指向该故事或文章发布所在网页的链接,如果您单击该链接,它将在新页面中打开; 您可以通过单击故事框中包含的链接来单独查看每个故事的评论(从“热门故事”或“新故事”页面),这些评论将显示在上述嵌套页面中; 默认情况下,将显示所有故事的评论及其答复,但是您可以通过单击折叠('-')符号来分别折叠(当然,以

文件下载

资源详情

[{"title":"( 64 个子文件 203KB ) hacker-news-app:使用React JS使用其官方API制作的Hacker News网站克隆-源码","children":[{"title":"hacker-news-app-master","children":[{"title":"public","children":[{"title":"manifest.json <span style='color:#111;'> 304B </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 754B </span>","children":null,"spread":false},{"title":"icon.png <span style='color:#111;'> 3.69KB </span>","children":null,"spread":false},{"title":"robots.txt <span style='color:#111;'> 67B </span>","children":null,"spread":false},{"title":"_redirects <span style='color:#111;'> 24B </span>","children":null,"spread":false}],"spread":true},{"title":"src","children":[{"title":"Context","children":[{"title":"DarkThemeContext.js <span style='color:#111;'> 580B </span>","children":null,"spread":false}],"spread":true},{"title":"Components","children":[{"title":"HackerNewsApp.css <span style='color:#111;'> 667B </span>","children":null,"spread":false},{"title":"- Placeholder Components -","children":[{"title":"Styles","children":[{"title":"FakeComment.css <span style='color:#111;'> 827B </span>","children":null,"spread":false},{"title":"FakeStory.css <span style='color:#111;'> 1.07KB </span>","children":null,"spread":false}],"spread":true},{"title":"FakeStoriesList.jsx <span style='color:#111;'> 454B </span>","children":null,"spread":false},{"title":"FakeStory.jsx <span style='color:#111;'> 530B </span>","children":null,"spread":false},{"title":"FakeCommentsList.jsx <span style='color:#111;'> 552B </span>","children":null,"spread":false},{"title":"FakeComment.jsx <span style='color:#111;'> 345B </span>","children":null,"spread":false}],"spread":true},{"title":"HackerNewsApp.jsx <span style='color:#111;'> 2.20KB </span>","children":null,"spread":false},{"title":"- Joint Components -","children":[{"title":"Text.jsx <span style='color:#111;'> 221B </span>","children":null,"spread":false},{"title":"CommentsCount.jsx <span style='color:#111;'> 446B </span>","children":null,"spread":false},{"title":"User.jsx <span style='color:#111;'> 147B </span>","children":null,"spread":false},{"title":"AllJointComponents.js <span style='color:#111;'> 375B </span>","children":null,"spread":false},{"title":"TimeAgo.jsx <span style='color:#111;'> 245B </span>","children":null,"spread":false},{"title":"WebsiteUrlShort.jsx <span style='color:#111;'> 219B </span>","children":null,"spread":false},{"title":"Title.jsx <span style='color:#111;'> 381B </span>","children":null,"spread":false},{"title":"Score.jsx <span style='color:#111;'> 314B </span>","children":null,"spread":false}],"spread":true},{"title":"Stories","children":[{"title":"StoryCommentsAndDetails.jsx <span style='color:#111;'> 1.62KB </span>","children":null,"spread":false},{"title":"StoryComments.jsx <span style='color:#111;'> 2.98KB </span>","children":null,"spread":false},{"title":"StoryCommentsList.jsx <span style='color:#111;'> 1.53KB </span>","children":null,"spread":false},{"title":"Styles","children":[{"title":"Stories.css <span style='color:#111;'> 119B </span>","children":null,"spread":false},{"title":"StoryDetails.css <span style='color:#111;'> 1.30KB </span>","children":null,"spread":false},{"title":"StoryComment.css <span style='color:#111;'> 1.68KB </span>","children":null,"spread":false},{"title":"StoryCommentsList.css <span style='color:#111;'> 247B </span>","children":null,"spread":false},{"title":"StoryComments.css <span style='color:#111;'> 1.18KB </span>","children":null,"spread":false},{"title":"Story.css <span style='color:#111;'> 3.32KB </span>","children":null,"spread":false},{"title":"StoriesList.css <span style='color:#111;'> 320B </span>","children":null,"spread":false},{"title":"Pagination.css <span style='color:#111;'> 1.29KB </span>","children":null,"spread":false}],"spread":true},{"title":"StoriesList.jsx <span style='color:#111;'> 691B </span>","children":null,"spread":false},{"title":"Story.jsx <span style='color:#111;'> 2.28KB </span>","children":null,"spread":false},{"title":"StoryComment.jsx <span style='color:#111;'> 1.34KB </span>","children":null,"spread":false},{"title":"StoryDetails.jsx <span style='color:#111;'> 1.18KB </span>","children":null,"spread":false},{"title":"Pagination.jsx <span style='color:#111;'> 3.12KB </span>","children":null,"spread":false},{"title":"Stories.jsx <span style='color:#111;'> 4.29KB </span>","children":null,"spread":false}],"spread":true},{"title":"Comments By Time","children":[{"title":"Styles","children":[{"title":"CommentsByTimeList.css <span style='color:#111;'> 249B </span>","children":null,"spread":false},{"title":"CommentsPaginate.css <span style='color:#111;'> 492B </span>","children":null,"spread":false},{"title":"CommentByTime.css <span style='color:#111;'> 266B </span>","children":null,"spread":false},{"title":"CommentsByTime.css <span style='color:#111;'> 219B </span>","children":null,"spread":false}],"spread":true},{"title":"CommentsPaginate.jsx <span style='color:#111;'> 517B </span>","children":null,"spread":false},{"title":"CommentsByTimeList.jsx <span style='color:#111;'> 1.19KB </span>","children":null,"spread":false},{"title":"CommentByTime.jsx <span style='color:#111;'> 1.13KB </span>","children":null,"spread":false},{"title":"CommentsByTime.jsx <span style='color:#111;'> 3.03KB </span>","children":null,"spread":false}],"spread":true},{"title":"Header","children":[{"title":"Header.jsx <span style='color:#111;'> 1.44KB </span>","children":null,"spread":false},{"title":"Navbar.jsx <span style='color:#111;'> 969B </span>","children":null,"spread":false},{"title":"Styles","children":[{"title":"Header.css <span style='color:#111;'> 2.86KB </span>","children":null,"spread":false},{"title":"Navbar.css <span style='color:#111;'> 1.69KB </span>","children":null,"spread":false}],"spread":false}],"spread":true}],"spread":true},{"title":"index.css <span style='color:#111;'> 119B </span>","children":null,"spread":false},{"title":"Images","children":[{"title":"sun.png <span style='color:#111;'> 1.17KB </span>","children":null,"spread":false},{"title":"moon.png <span style='color:#111;'> 7.26KB </span>","children":null,"spread":false},{"title":"hn-logo.png <span style='color:#111;'> 3.69KB </span>","children":null,"spread":false}],"spread":true},{"title":"Utilities","children":[{"title":"functions.js <span style='color:#111;'> 2.23KB </span>","children":null,"spread":false},{"title":"ScrollToTop.js <span style='color:#111;'> 272B </span>","children":null,"spread":false},{"title":"miscData.js <span style='color:#111;'> 307B </span>","children":null,"spread":false}],"spread":true},{"title":"index.js <span style='color:#111;'> 582B </span>","children":null,"spread":false},{"title":"Api Calls","children":[{"title":"apiCalls.js <span style='color:#111;'> 6.63KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"README.md <span style='color:#111;'> 1.34KB </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 310B </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 568.66KB </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 785B </span>","children":null,"spread":false}],"spread":true}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明