如何加快百度收录网站,在线制作文字,长春哪家做网站便宜,保定关键词优化排名大家好#xff0c;我是若川。持续组织了近一年的源码共读活动#xff0c;感兴趣的可以 加我微信 ruochuan12 参与#xff0c;每周大家一起学习200行左右的源码#xff0c;共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外… 大家好我是若川。持续组织了近一年的源码共读活动感兴趣的可以 加我微信 ruochuan12 参与每周大家一起学习200行左右的源码共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外目前建有江西|湖南|湖北籍前端群可加我微信进群。之前有很多小伙伴问过我通过文档或者视频学习 React 已经有一段时间了想学习一些好的开源项目来获得一些实战经验。我之前也没有很好的答案确实很难找因为一般企业级应用都是不开源的Github 上大部分都是很简单的 DEMO 项目很难挑选。今天就给大家梳理了几个我觉得还不错的 React 开源项目。Jira Clone仓库https://github.com/oldboyxx/jira_cloneGithub Star8.6K这是一个基于 React 开发的模仿 Jira 的项目前端全部使用 React Hooks 实现 。另外还有一些其他亮点后端是基于 TypeScript 的 TypeORM和 Postgres 进行通信在前端使用自定义 Webpack 配置基于 Cypress 进行端到端测试作者还使用 styled-components 和全局样式进行混合开发使他看起来和 Jira 非常像。RealWorld aka Conduit仓库https://github.com/gothinkster/react-redux-realworld-example-appGithub Star5.3K预览https://react-redux.realworld.io/Thinkster 的 RealWorld 以超过 24 种不同的语言和框架重新实现了一个相同的应用程序一个名为 Conduit 的仿 Medium.com 程序这是它的 React/Redux 版本。它基于 create-react-app 创建用 react-router 实现路由用 Redux 实现状态管理基于 classNames 编写样式基于 superagent 请求远程数据。Real World App仓库https://github.com/cypress-io/cypress-realworld-appGithub Star3.7KReal World App 是使用 Cypress 对程序进行端到端测试的一个很好的 DEMO 项目。在 repo 中包含了示例数据自动化测试和应用程序都可以开箱即用地运行。它基于 create-react-app 构建使用 TypeScript 编写带有 Express 后端使用 Material UI 作为 UI/组件库使用 Formik 实现表单使用 react-router 实现路由。HospitalRun仓库https://github.com/HospitalRun/hospitalrun-frontendGithub Star6.5KHospitalRun 是一个成熟的电子健康记录系统 (EHR) 和医院信息系统 (HIS) Web 应用。它是一个非常完整的 OSS 解决方案。使用 TypeScript React 编写并使用 SCSS 编写样式。大多数组件都存在于 components 包中。Simorgh仓库https://github.com/bbc/simorghGithub Star751预览https://astexplorer.net/Simorgh 是 BBC没错就是那个天天抹黑中国的新闻网站 的 React SPA目前为全球数百万生产用户提供服务。它正在逐步推广到每个 BBC World Service News 网站。它使用 PropTypes 进行类型检查使用 Jest 和 Enzyme 进行单元测试覆盖率已经达到 98% 使用 Cypress 进行端到端测试使用 styled-components 编写样式使用 Express 处理服务端渲染。AST Explorer仓库https://github.com/fkling/astexplorerGithub Star4.8KAST Explorer 是一个在线生成抽象语法树的工具。作为一个 React 项目很值得一试因为它是持续开发很多年项目的一个很好的例子。使用 PropTypes 进行类型检查使用 Redux 进行状态管理。虽然你不会在这里找到像 TypeScript/Flow 这样的花哨的东西但它的代码注释很完善也很清楚地指出了很多编码技巧。另外它们也逐步在将类组件迁移到 Hooks 上。Excalidraw仓库https://github.com/excalidraw/excalidraw/Github Star31.2KExcalidraw 是一个在线图形绘制工具手绘风格我一直在用。它使用 TypeScript React Hooks 编写使用 SCSS 进行样式处理。Spectrum仓库https://github.com/withspectrum/spectrumGithub Star10.6KSpectrum 是一个社区网站它的目标是将实时聊天应用程序的功能和论坛的功能结合起来。它自从 2017 年初以来一直在积极开发中并于 2018 年底被 GitHub 收购。Spectrum 在早期是非常有趣的因为它使用 RethinkDB 实时更新查询、服务器渲染和 GraphQL在当时看来都是非常先进的技术。代码库使用 Flow 进行类型检查使用 Apollo (GraphQL) 进行数据获取使用 Redux 进行状态管理使用 Express 服务器进行服务器渲染并编写了大量的自定义 React Hooks。Sentry仓库https://github.com/getsentry/sentryGithub Star31.5KSentry 是一个开源的前端异常监控工具。后端基于 Django 实现前端基于 TypeScript React 实现使用 Emotion 进行样式管理基于 react-router 实现路由使用 Redux 进行状态管理。Grafana仓库https://github.com/grafana/grafanaGithub Star50.2K它是一个正在从 AngularJS 迁移到 React 的项目基于 TypeScript 编写用 Redux 进行状态管理。GoAlert仓库https://github.com/target/goalertGithub Star1.7KGoAlert 是一个开源的 oncall 调度程序和通知程序类似于 PagerDuty 或 Opsgenie。他的后端是 Go 实现的使用 Apollo (GraphQL) 进行数据获取使用 react-router 实现路由使用 Redux 进行状态管理Cypress 进行端到端测试使用 Material UI 用于样式组件使用原生的 CSS 编写样式。最后参考链接https://maxrozen.com/examples-of-large-production-grade-open-source-react-apps我在阿里招前端我该怎么帮你现在还可以加模拟面试群如何拿下阿里巴巴 P6 的前端 Offer如何准备阿里P6/P7前端面试--项目经历准备篇大厂面试官常问的亮点该如何做出如何从初级到专家(P4-P7)打破成长瓶颈和有效突破若川知乎问答2年前端经验做的项目没什么技术含量怎么办如何准备20K的大厂前端面试················· 若川简介 ·················你好我是若川毕业于江西高校。现在是一名前端开发“工程师”。写有《学习源码整体架构系列》20余篇在知乎、掘金收获超百万阅读。从2014年起每年都会写一篇年度总结已经坚持写了8年点击查看年度总结。同时最近组织了源码共读活动帮助4000前端人学会看源码。公众号愿景帮助5年内前端人走向前列。扫码加我微信 lxchuan12、拉你进源码共读群今日话题目前建有江西|湖南|湖北 籍 前端群想进群的可以加我微信 lxchuan12 进群。分享、收藏、点赞、在看我的文章就是对我最大的支持~
