Micro-Letter Applet application Number development experience _ other integrated

Yesterday, micro-letter Small program (application number) of the whole technology community blew up the pot, I can not help but with a few waves, but did not test the qualification, heard cracked version out, this morning on the original project resources to develop a bit, summed up the experience.

Overall experience

1. Development efficiency, around 6:40 cracked ide,7:20 left and right to finish the layout of the home page and navigation bar, micro-letter to see the layout has done encapsulation, than the traditional front-end development efficiency.
2. The front end can be quickly used: a skilled front-end can be quickly started, may only one hour to read the document time plus an official example.
3. Development tools are difficult to use, many directory operations and IDE common formatting code, HTML pairing and other functions are temporarily not supported.
4. Development limits many of the front-end common Dom,window operations, the development of flexibility and difficult to reduce.
5. I have no qualification, small program can not upload experience, can only download the code local experience.

This code is placed in the GitHub

Screenshot on

Related Resources

Cracked IDE

Development Resource Collection

IDE Technology stack: Nodewebkit + react

Access to the installation directory: Micro-trust web Developer Tool \package.nw\app
This *.NW will be able to guess the Nodewebkit package of Web apps,
A detailed look at Reliance Node_modules confirms the conjecture.
In Package.json "main": "app/html/index.html" defines the entrance.

All components are essentially react components.

In the portal you can see the react and react DOM directly referenced

"Use strict";
function init () {
  tools. Chrome = Chrome;
  var n = require (".. /dist/lib/react.js "),
    E = require (" ... /dist/lib/react-dom.js "),
    i = require (" ... /dist/common/loadinit/init.js "),
    o = require (" ... /dist/components/containcontroller.js "),
    t = require (" ... /dist/common/proxy/startproxy.js "),
    R = Require (" ... /dist/actions/windowactions.js "),
    s = require (" ... /dist/actions/webviewactions.js "),
    D = require (" ... /dist/stroes/webviewstores.js "),
    u = require (" ... "). /dist/common/log/log.js "), C = require (" ... /dist/common/shortcut/shortcut.js "), L = Global.appConfig.isDev;
    //...
}

Looking at the definition of component dropdown, is this not the way we are familiar with react creating components in ES5?

"Use strict"; var react = require (".. /.. /lib/react.js "), Dropdown = React.createclass ({displayName:" Dropdown ", Render:function () {return react.createel Ement ("div", {className: "dropdown"}, React.createelement ("div", {className: "Dropdown-item"}, React.createelement (" IMG ", {src:" https://mmrb.github.io/avatar/jf.jpg ", Alt:" ", ClassName:" Dropdown-item-icon "}), Re Act.createelement ("div", {className: "Dropdown-item-info"}, React.createelement ("P", NULL, "Public number name"), React.createelement ("div", {className: "Dropdown-item-extra"}, React.createelement ("img", {src: "Https://mmrb.githu") B.io/avatar/jf.jpg ", alt:", ClassName: "Dropdown-item-extra-icon"})), React.createelement ("div", {clas Sname: "Dropdown-item dropdown-item-active"}, React.createelement ("img", {src: "https://mmrb.github.io/avatar/jf.jp G ", Alt:" ", ClassName:" Dropdown-item-icon "}), React.createelement (" div ", {className:" Dropdown-item-inf O '}, ReaCt.createelement ("P", NULL, "Public number name, public number name")), React.createelement ("div", {className: "Dropdown-item"}, React.createelement ("img", {src: "https://mmrb.github.io/avatar/jf.jpg", Alt: "", ClassName: "dropdown- Item-icon "}), React.createelement (" div ", {className:" Dropdown-item-info "}, React.createelement (" P ", NULL," Public number name ") ), React.createelement ("div", {className: "Dropdown-item"}, React.createelement ("img", {src: "Https://mmrb.github"). Io/avatar/jf.jpg ", alt:", ClassName: "Dropdown-item-icon"}), React.createelement ("div", {className: "Dr
Opdown-item-info "}, React.createelement (" P ", NULL," Public number Name "))});
 Module.exports = Dropdown;

Micro-letters limit the packet size of small programs

At the same time, micro-letters limit the size of small packages, 755kb, the cache and local files should also have control, which is relatively native application of dozens of trillion on the size of the hundred trillion, is definitely a bright spot, to the Internet many people say that the micro-mail will also occupy the phone store people a loud slap.

Summarize

In general, for the front end is absolutely good news, short-term front-end treatment may rise, but small program development threshold lower (than the front end of the lower), there is a developer is wage-oriented programming, with the flow of developers, in the long run and other related technical posts flat. So, juvenile, don't be excited, also if the basic knowledge to play solid.

The above is the micro-credit program data collation, follow-up continue to supplement the relevant information, thank you for your support of this site!