本文共 1772 字，大约阅读时间需要 5 分钟。

React ???????????

React ?????? JavaScript ?????????????????? Virtual DOM ??????????????????????????????????????? React ?????????????

1. React ?????

• ?????????????????????????DOM???
• ** JSX**?JavaScript ??????????????? JavaScript ??? HTML-like ???
• ?????????? UI ?????????????????????
• ???????? props ? state ???????????????????
• ?????Virtual DOM ??? React ?????????????????

2. React ?????

React ??? IE8 ????????????????????????

• ?????? react.js?react-dom.js ? browser.js ?????
• ???????? npm ? yarn ?? React ??????

3. ?? Webpack ?? React ??

• ?? Node.js??????? npm/yarn?
• ???? Webpack??? npm/yarn ???? webpack?
• ?????????? package.json ????????????
• ?? React ?????? npm/yarn ?? React ? React-DOM?
• ?? Webpack??? webpack.config.js ????????????
• ?? Babel??? .babelrc ????????????
• ???????? package.json ??? "watch" ????????????????

4. React ????

• ????????? mount?update?unmount ????????????????????
• ????????????????? "handle" + "EventName" ???
• ** JSX ????**??? JSX ??? return ???????????????

5. React ????

• ** JSX ??**??? type='text/babel' ???? JSX ????? { } ? < > ?????????
• ??????? React.createClass() ??????????????? render ???
• ??????? this.state ???????????????????????
• ** Virtual DOM**??? diff ???????? DOM ??????????
• ** Ref ??**??? ref ?????? DOM ??????????? DOM ???

6. React ??????

• ** mount ??**?componentWillMount ? componentDidMount ???????????
• ** update ??**?componentWillUpdate ? componentDidUpdate ?????????
• ** unmount ??**?componentWillUnmount ??????????? DOM ???

7. React ????

• ??????? mouse?keyboard?touch?form ????????
• ??????????????????? bubbles?preventDefault ??
• ??????????????????????????

8. ??????????

• ?????value?checked?selected ???????????????
• ????????? onChange ??????????? UI ????????
• ??????????????????????????????

???? React ???????????????????????????????? React ????

转载地址：http://gtsp.baihongyu.com/