首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
react 架构系列 一
订阅
jsshan
更多收藏集
微信扫码分享
微信
新浪微博
QQ
7篇文章 · 0订阅
Redux 包教包会(一):介绍 Redux 三大核心概念
前端应用的状态管理日益复杂。随着大前端时代的到来,前端愈来愈注重处理逻辑,而不只是专注 UI 层面的改进,而以 React 为代表的前端框架的出现,大大简化了我们编写 UI 界面的复杂度。虽然 React 提供了 State 机制实现状态管理,也有诸如“状态提升”等开发约定,但…
从零开始React项目架构(六)
我们借助它,就能很容易地开发出自己的脚手架了。 yeoman将根据我们写的generator来执行构建代码。 3. 初始化项目 没有发布上线的npm包,我们只需要在根目录执行npm link,然后我们就可以在新文件中使用yo generator-zero-react构建我们的项…
从零开始React项目架构(五)
作为一个项目而言,单元测试应该是必备的一部分,也是最容易被大家忽略的一部分,这篇文章就介绍一下jest 和 enzyme。 这篇文章我们介绍了在项目中加入单元测试, 简单写了一些测试例子。
从零开始React项目架构(四)
运行 npm run build 根目录会生成 dist文件夹 和压缩后的代码。 我们发现生产环境和开发环境中的webpack配置有很多相同的配置,为了维护性我们最好抽离出来。 好了,现在我们再来试试npm run dev和npm run build命令,没问题都可以完美运行。…
从零开始React项目架构(三)
好,让我们执行命令行执行npm run mock, 看到命令行输出app started at port 3000 说明启动成功了。我们可以发起请求来看看是不是我们home.js里面模拟数据。 好了,现在让我们在新的命令行里面执行npm start运行项目。在浏览器查看是否有l…
从零开始React项目架构(二)
eslint 的配置规则有很多,可以按照自己喜欢的方式来,网上也有很多很好的规则,这里就不一一介绍了。 然后我们 npm start下,又是和Hello World相见的时候了。
从零开始React项目架构(一)
零零散散也做过不少项目了,有基于jquery、bootstrap的,有基于jquery、easyui的,有基于react的。 项目多了总会有一些自己感悟和经验,所以分享出来,肯定有不对和不合适的地方,欢迎批评指正。 好了,废话不多说了,让我们从零开始,一步一步的折腾吧。 创建项…