哈克或打no睡 HTML5 JQuery Bootstrap 关于 这是黑客新闻的仿制品。 Hacker News是由Y-Combinator运营的社交新闻网站，用户在其中发布与计算机科学和企业家精神或其他智力刺激主题有关的故事。 要查看该站点，请转到。 特征 用户可以创建登录所需的帐户和授权。 用户可以通过切换其星形图标来收藏故事。 用户可以将故事发布到API。 如何在本地运行此应用 将此存储库克隆到新目录中。 右键单击index.html，然后在默认浏览器中打开文件。

该项目是通过引导的。 您将在下面找到一些有关如何执行常见任务的信息。 您可以在找到本指南的最新版本。 目录 自动格式化代码 更改页面<title> 安装依赖项 导入组件 代码分割 添加样式表 后处理CSS 添加CSS预处理器（Sass，Less等） 添加图像，字体和文件 使用public文件夹 更改HTML 在模块系统之外添加资产 何时使用public文件夹 使用全局变量 添加引导程序使用自定义主题 增加流量 添加路由器 添加自定义环境变量 在HTML中引用环境变量 在Shell中添加临时环境变量 在.env添加开发环境变量 我可以使用装饰器吗？ 使用AJAX请求获取数据 与API后端集成 节点 Ruby on Rails 在开发中代理API请求 配置代理后出现“无效的主机头”错误 手动配置代理 配置WebSocket代理 在开发中使用HTTPS 在服务器上生成动态<met

一个带有React的HackerNews Stories应用程序 使用HackerNews API和React的示例应用程序。 npm install npm start

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

该项目是通过引导的。 可用脚本 在项目目录中，可以运行： yarn start 在开发模式下运行该应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 yarn test 在交互式监视模式下启动测试运行器。 有关更多信息，请参见关于的部分。 yarn build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 最小化内部版本，文件名包含哈希值。 您的应用已准备好进行部署！ 有关更多信息，请参见关于的部分。 yarn eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。 此命令将从您的项目中删除单个生成依赖项。 相反，它将所有配置文件和传递依赖项（webpack，Babel，ESLint等）直接复

这只是一种查看黑客新闻链接的新的简单方法。