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

gitc2016 react based architecture

gitc2016 react based architecture

react react-native antd antm gitc2014

yiminghe

July 01, 2016
Tweet

More Decks by yiminghe

Other Decks in Technology

Transcript

  1. • ᩂᬪݸᒒ୏ݎཛྷୗ • ᧍᥺ғjava -> es6/typescript • ۱ᓕቘғmaven -> npm/tnpm

    • ׁᩢᓕቘғimport • ᔄਧԎғclass • හഝ: හഝପ(orm) -> ajax/graphql/falcor • ኴᶎғvelocity -> jsxҁᕟկ۸҂ • ಑۱ғ jar/war -> ݳଚ js/css
  2. ᕟկᥢ᝜ • assets: ܻࣳ less • bem + prefixCls •

    examples: es6/typescript • src: es6/typescript ᭇᯈ react-native web • tests: es6/typescript mocha
  3. ݎ૲ • npm run pub • es6/typescript ᖫᦲک es5 •

    npm publish • git push master • ኞ౮ᶱፓ઀ᐏᶭ • http://react-component.github.io/calendar/ • git push gh-pages
  4. 4700+ ਥᗑྯ෭ᦢᳯᰁ ൉Իහ 1400+ Issue ޾ Pull request හᰁ 69

    ᨯሠᘏහᰁ 70/193 ᥟፍᡶᡵӾݸݣᔮᕹ 1w+ npm ྯ์ӥ᫹ᰁ 2w+ 45xx
  5. web

  6. iOS

  7. iOS

  8. ਧ֖ ൉׀ବ੶ۑᚆ ਠ࠺ጱॺկ ໏ୗ चᏐ݇ᘍ໏ୗ ᕹӞጱᦡᦇᥢ᝜ ᯈᗝ ୩य̵़॔๥ ᔜᓌ ෈໩

    ṛᴤ҅॔๥ ᔜᗦ҅ᶎݻڡᕆአ ಁ ಘ઀௔ ṛ ֗ react-component antd/antm
  9. API Server Data View URL Action routing react dispatch isomorphic-fetch

    async + await react-router redux-saga reselect css-modules