Skip to content
久久日记本
曾经年少爱追梦,一心只想往前飞
  • 首页
  • 博客
    • 博客历史
    • 主题
    • 个人文集
  • 关于
    • 正在读的书
    • 作品归档
    • 2018作品归档
    • 联系我
  • 友情链接
  • 留言板
❄
❅
❆
❄
❅
❆
❄
❅
❆
❄
Code/Front-End/GitHub/Project

Fleece:一个基于React, Typescript, D3的Rpos列表站

Posted on 2018年6月6日 by 九九 / 1543 Views

写过一些react-native的代码和react的demo,也用过typescript。

正好我的project站需要重构,而之前写前端框架的生命周期这篇博文写了个demo,就索性选择了react+typescript方案重新写一个简单的单页站。

基本语法与react-native大概没什么两样,不同的是在react-native中我用的是es6,在这里用了typescript。

生命周期本身大同小异,没什么好讲的。

写的时候有几点选择:

1.年初的时候一直酝酿,有好多界面方面的想法,不过终究因自己的想象力欠缺,实在不知道怎么布局好,就索性参照了github repos的样式布局。

2.这次没有和react-native相通的地方是尝试在tsx代码用直接import less样式文件,而在react-native中,我都是用const styles来解决。前者引用方式在web中感觉很方便,而后者还是不太习惯其写法。

3.在react的tsx代码中,父组件和子组件的传值变得和在react-native有些不一样。在react-native中,子组件调用父组件,只需要在父组件中定义事件,子组件用props来访问可以直接拿到;而在这里,这同时需要在子组件初始化定义事件类型,这大概是由typescript决定的吧。

4.在使用webpack打包的时候,webpack版本已经升级到4系列,最大变化感觉是:

Webpack1

module: {
    loaders: [{
        test: /\.(less|css)$/,
        loader: "style!css!less!postcss"
    }, {
        test: /\.json$/,
        loader: 'json'
    }]
}

Webpack4

module: {
    rules: [{
        test: /\.(less|css)$/,
        use: [
            "style-loader", 
            "css-loader", 
            "less-loader", 
            "postcss-loader"
        ]
    }]
};

(这里引用的是网上的一段代码)

正好借助这次机会练习一下久未写的react感受一下,这样看下来,几大常见框架的难易程度已经很明显了:

Vue < AngularJS < Backbone< React(Preact) < Angular

最后留一个上面的源码:fleece

二级域名 project 已经更新为 fleece, 对于 fleece 的下个功能更新,可能需要在其他时间了。

后面我的重心开始继续转到今年的计划上,这里权当是个小插曲。

GitHub, OpenSource, React, Typescript, Webpack
九九
过去的我们,现在的自己,往事,终会随风而逝。 View all posts by 九九 →

Post navigation

Older post
rn代码升级坑记
Newer post
基于sklearn的简单数字图片识别

标签云

2019ncov Android ASP.NET C# C/C++ CSS Div DX11 flask front-end GAE Git Java JJProject JS Life MSSQL MVC OpenSource Oracle Python React React-Native Software Tools Vue Webpack Website Window WP7 乱记 十年旧梦 天气 宝宝成长日记 小说 工作 情感 故障 散文 日记 游戏开发 网新实训笔记 花落梧桐 诗间集 转载

时光机

  • 2022年12月
  • 2022年4月
  • 2022年3月
  • 2022年1月
  • 2021年12月
  • 2021年11月
  • 2021年10月
  • 2021年9月
  • 2021年8月
  • 2021年6月
  • 2021年5月
  • 2021年4月
  • 2021年3月
  • 2021年2月
  • 2021年1月
  • 2020年5月
  • 2019年12月
  • 2019年10月
  • 2019年9月
  • 2019年6月
  • 2019年5月
  • 2019年2月
  • 2019年1月
  • 2018年12月
  • 2018年9月
  • 2018年8月
  • 2018年7月
  • 2018年6月
  • 2018年3月
  • 2018年2月
  • 2018年1月
  • 2017年11月
  • 2017年10月
  • 2017年9月
  • 2017年7月
  • 2017年3月
  • 2017年1月
  • 2016年12月
  • 2016年11月
  • 2016年10月
  • 2016年7月
  • 2016年3月
  • 2016年2月
  • 2016年1月
  • 2015年12月
  • 2015年11月
  • 2015年10月
  • 2015年9月
  • 2015年8月
  • 2015年7月
  • 2015年4月
  • 2015年3月
  • 2015年2月
  • 2015年1月
  • 2014年12月
  • 2014年11月
  • 2014年10月
  • 2014年9月
  • 2014年8月
  • 2014年7月
  • 2014年6月
  • 2014年5月
  • 2014年4月
  • 2014年3月
  • 2014年2月
  • 2014年1月
  • 2013年12月
  • 2013年11月
  • 2013年10月
  • 2013年9月
  • 2013年8月
  • 2013年7月
  • 2013年6月
  • 2013年5月
  • 2013年4月
  • 2013年3月
  • 2013年1月
  • 2012年11月
  • 2012年10月
  • 2012年9月
  • 2012年8月
  • 2012年7月
  • 2012年6月
  • 2012年5月
  • 2012年4月
  • 2012年3月
  • 2012年2月
  • 2012年1月
  • 2011年12月
  • 2011年11月
  • 2011年10月
  • 2011年9月
  • 2011年8月
  • 2011年6月
  • 2011年5月
  • 2011年4月
  • 2011年3月
  • 2011年2月
  • 2010年12月
  • 2010年11月
  • 2010年10月
  • 2010年9月
  • 2010年8月
  • 2010年6月
  • 2010年5月
  • 2010年2月
  • 2010年1月
  • 2009年12月
  • 2009年11月
  • 2009年10月
  • 2009年9月
  • 2009年8月
  • 2009年7月
  • 2009年6月
  • 2009年5月
  • 2009年4月
  • 2009年3月
  • 2009年2月
  • 2009年1月
  • 2008年8月
  • 2008年6月
  • 2008年5月
  • 2008年4月
  • 2008年2月
  • 2007年11月
  • 2007年8月
  • 2007年6月
  • 2007年5月
  • 2007年4月
  • 2007年3月
  • 2007年2月
  • 2007年1月
  • 2006年10月
  • 2006年8月
© 2006 - 2023 久久日记本
Powered by WordPress | Theme: Graphy for 99diary