react
Taolandd
个人博客:www.yangyuetao.cn
展开
-
webpack4构建react脚手架
`create-react-app` 脚手架还没有更新到webpack4,但是猛然间发现webpack4已经到 **v4.12.0** 版本了!!!慌得不行,正好端午有空所以研究了一波,自己搭建了一个简单的react脚手架。实现本地代理,cssModule,css预处理,postCss,文件压缩等常用的功能原创 2018-08-12 14:59:26 · 696 阅读 · 0 评论 -
react组件的创建
最近项目接触react和rn,之前会一些vue和小程序,起初写react是很难受的,尤其是jsx的写法,不过2周过后感觉写起来有点舒服了。。。目前react的组件一共有3种方式:React.createClass,React.Component,函数式React.createClass(API已经移除) 这是早期react组件的创建方式,如果你看的文章是几年之前写的,很...原创 2018-08-12 15:12:07 · 172 阅读 · 0 评论 -
react性能优化
刚开始写react可能只是写出来完成业务就完了,后期审查代码发现可能很多地方其实都可以优化,之前可能有些地方似是而非,在此小结一下。一些概念Virtual DOM react引入了一个叫做虚拟DOM的概念,安插在JavaScript逻辑和实际的DOM之间。这一概念提高了Web性能。在UI渲染过程中,React通过在虚拟DOM中的微操作来实对现实际DOM的局部更新。...原创 2018-09-01 09:26:16 · 4259 阅读 · 0 评论 -
webpack创建library及从零开始发布一个npm包
最近公司有个需求,我们部门开发一个平台项目之后,其他兄弟部门开发出的插件我们可以拿来直接用,并且不需要我们再进行打包,只是做静态的文件引入,研究一波后发现,webpack创建library可以实现。创建library完整代码核心代码为 output: { path: DIST_PATH, publicPath: "", ...原创 2018-09-04 20:30:46 · 1466 阅读 · 0 评论 -
antd在线换肤定制功能
最近react项目,用的antd框架,然后看见他的antdPro例子里面有个定制功能很帅,老大说做,那就做吧,鼓捣了一晚终于实现了。先看预览效果吧css换肤入行前端的时候经常看鱼哥(张鑫旭)的博客,记得看过 这篇 ,当时很惊叹,原理其实很简单,就是我们最能想到的方式,多个css,然后用JS替换从而达到换肤效果。但是这个有局限性,比如我们用的是antdUI库,我们不可能每个颜...原创 2018-09-13 21:17:46 · 7698 阅读 · 4 评论 -
新玩具,React v16.7.0-alpha Hooks
周五看见React v16.7.0-alpha Hooks,今早起来看见圈里已经刷屏了Hooks,正好周末,正好IG和G2的比赛还没开始,研究下。。。刚刚接触react时候非常喜欢用函数式组件,因为太简洁了写起来非常快,然后然后。。写到后面发现很多自己以前写的组件需要改。。为什么呢,因为自己当时写的时候考虑的不周到,后期发现很多地方都需要生命周期和状态来进行渲染优化,然后就是大量修改函数式为...原创 2018-10-27 15:19:07 · 441 阅读 · 0 评论 -
webpack-ts-react-dva脚手架
2019有太多的东西想尝试,ts,GraphQL,SSR,docker,python,electron,小程序云后台,vue3等等,一个个来吧,用两天了解了下typescript,大概做了个webpack-ts-react-dva的脚手架出来,因为接触TS的时间才几天,所以有些地方的代码自己都觉得写的很丑,老司机请多指教是在半年前 webpack4构建react脚手架 基础上修改的,这样...原创 2019-01-31 21:38:31 · 1479 阅读 · 0 评论 -
electron热更新与windows下的安装包
帮朋友公司做了点东西,他说有很多bug,我一看,基本问题都是浏览器兼容引起的,而electron内带Chromium内核,正好一直想尝试下electron,所以研究了一波。这里只是简单的使用electron作为壳,把自己的项目嵌进去,更多深入研究以后再来。打包自己的项目这里没啥说的自己的项目打包下来,类似下面快速开始electron上手electron,官方提供了一个非常好的快速上...原创 2019-01-31 21:41:43 · 3299 阅读 · 0 评论