MMNote是我正在做的一款基于Electron平台的Markdown编辑器。我想让他基于时下最新的前端技术，TypeScript，Webpack，React，Redux等。我是Java出生，我发现现在前端搭建一个项目可不比搭建以后Java后端项目来得简单，或者实话说，更难。因为发展得太快，新设计，新库层出不穷，所以方案特别多，很可能现在的最优方案过一阵子就被人抛弃了，这是好事，也是坏事。比如Atom基于CoffeeScript构建，而CoffeeScript在风光几年后因为ES6的退出迅速没落，而还要称霸21世纪的Atom就尴尬了。

配置完webpack后，虽然可以通过-w属性，让webpack在代码发生改变时自动重新编译，但是你需要手动刷新页面才能看到效果。其实webpack还支持调试服务器，支持自动刷新。

习惯了强类型，而且在React设计中，也因为Javascript没有类型而设计了PropTypes，所以还不如直接用Typescript得了，重构还方便。这里来学习一下如何整合React，Typescript和Webpack。参考官方教程

在使用Doclet的过程中发现一个问题：无法获得泛型类型信息。为什么呢？明明模式的Doclet生成的HTML页面中，泛型信息是被正确展示的。

比如对于这样的一个字段：

1

public List<String> field;

React: CSS in JS，这个PPT是2014年11月一个Facebook的员工发布的PPT。一切都从这个PPT说起。

值得学习的教程

• 使用 Electron 构建桌面应用 - 前端外刊评论 - 知乎专栏

我在学习的过程中收集的资料

组件

可调整大小容器组件

研究了几天的Angular2整合Electron后，我来研究React整合Electron了。。。我真的不是喜新厌旧之人，只是在一直在寻找趁手之物罢了。Angular2毕竟出来晚了，资料少，和Electron整合的资料更少，官方的CLI也表示近期不会支持的架势。加上搜索了一番Angular2的控件，发现少而且很多都是Angular1的控件，傻傻分不清楚。而搜了一波React的控件，好吧，的确质量都不错。

Electron不限制使用什么前端技术，所以我们可以在其中使用任何我们喜欢的框架。现在我们来研究一下如何吧Angular程序部署到Electron中。

前端的编码越来越复杂，有不同风格的模块引用，有不同的编译到js的语言，有不同的编译到css的语言。所有的这些，都需要一个构建工具/打包工具来支持一个前端项目。webpack就是这样的一个打包器。他编译javascript模块到你的项目中。这样你就可以在前端项目中使用node模块了。

例子

1
2
3
4

mkdir webpack-demo && cd webpack-demo
npm init -y
npm install --save-dev webpack@2.1.0-beta.27
npm install --save lodash