Upgrade to Pro — share decks privately, control downloads, hide ads and more …

react-based architecture

yiminghe
April 02, 2016

react-based architecture

yiminghe

April 02, 2016
Tweet

More Decks by yiminghe

Other Decks in Technology

Transcript

  1. • who am I? • yiminghe@github/gmail/twitter • ಥሳ@alipay/taobao • projects

    • kissy/modulex/xtemplate • react-component/antd/antm
  2. npm

  3. ant-tool • http://github.com/ant-tool • based on webpack • foundation for

    scaffolds • antd-init • antm-init • generator-rc
  4. why ant-tool • make webpack easy to use • webpack

    is complext • plugin/loader/middleware/… • engineering • lint/mock/proxy/test • doc/demo • build/deploy • monitor
  5. react-component • http://github.com/react-component • cross-platform components based on react •

    rc-xx (core components, mainly pc) • rmc-xx (web mobile components) • rn-xx (react native components)
  6. component • https://github.com/react-component/calendar • assets: prototype less • bem +

    prefixCls • examples: es6 js • src: es6 js • tests: mocha js
  7. component infrastructure • npm run pub • compile/npm publish •

    push master/gh-pages • http://react-component.github.io/calendar • react-native needs custom app to view demo • http://react-component.github.io/rn-cascader/
  8. antd • http://ant.design • An enterprise-class design language and high

    quality UI style. • Rich library based on React Component
  9. use

  10. antd website(1.0) • Universal static SPA doc • react-router •

    ant-tool • antd-md-loader • require(‘antd-md!button/basic.md’)