Upgrade React to v16 (Fiber)

[tferreira]

React 16 is now available for public use in BETA.

Install instructions:

# Yarn
yarn add react@next react-dom@next

We could install it for trying but material-ui is not ready yet for React 16.

[tferreira]

There is some issues with the react-tap-event-plugin lib that is used by material-ui.

ERROR in ./~/react-tap-event-plugin/src/injectTapEventPlugin.js
Module not found: Error: Cannot resolve module 'react-dom/lib/EventPluginHub' in /Users/thomas/piggydime/static/node_modules/react-tap-event-plugin/src
 @ ./~/react-tap-event-plugin/src/injectTapEventPlugin.js 23:2-41

ERROR in ./~/react-tap-event-plugin/src/TapEventPlugin.js
Module not found: Error: Cannot resolve module 'react-dom/lib/EventConstants' in /Users/thomas/piggydime/static/node_modules/react-tap-event-plugin/src
 @ ./~/react-tap-event-plugin/src/TapEventPlugin.js 22:21-60

ERROR in ./~/react-tap-event-plugin/src/TapEventPlugin.js
Module not found: Error: Cannot resolve module 'react-dom/lib/EventPluginUtils' in /Users/thomas/piggydime/static/node_modules/react-tap-event-plugin/src
 @ ./~/react-tap-event-plugin/src/TapEventPlugin.js 23:23-64

ERROR in ./~/react-tap-event-plugin/src/TapEventPlugin.js
Module not found: Error: Cannot resolve module 'react-dom/lib/EventPropagators' in /Users/thomas/piggydime/static/node_modules/react-tap-event-plugin/src
 @ ./~/react-tap-event-plugin/src/TapEventPlugin.js 24:23-64

ERROR in ./~/react-tap-event-plugin/src/TapEventPlugin.js
Module not found: Error: Cannot resolve module 'react-dom/lib/SyntheticUIEvent' in /Users/thomas/piggydime/static/node_modules/react-tap-event-plugin/src
 @ ./~/react-tap-event-plugin/src/TapEventPlugin.js 25:23-64

ERROR in ./~/react-tap-event-plugin/src/TapEventPlugin.js
Module not found: Error: Cannot resolve module 'react-dom/lib/ViewportMetrics' in /Users/thomas/piggydime/static/node_modules/react-tap-event-plugin/src
 @ ./~/react-tap-event-plugin/src/TapEventPlugin.js 27:22-62

Currently waiting for a fix. Issue description updated with a link to the issue on the material-ui repository.

[lostpebble]

Issue fixed with this pull request mui/material-ui#7624.

Currently working fine with my project and React Fiber beta 2.

EDIT: oops, thought this was the material-ui issue tracker and a duplicate issue being created. Anyway, should be able to use material-ui with React Fiber soon 🙂

[tferreira]

No problem, it's good to have feedback anyways :)

[tferreira]

The next version of material-ui works with React 16, but some components are still missing (like SelectField).

Also, injectTapEventPlugin() does not work anymore. Putting this issue on standby.