<p dir="auto">I am filing this issue per <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/sebmarkbage/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/sebmarkbage">@sebmarkbage</a>.</p>
<p dir="auto">See this bin as an example: <a href="http://jsbin.com/zehiqa/1/edit?js,output" rel="nofollow">http://jsbin.com/zehiqa/1/edit?js,output</a></p>
<p dir="auto"><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/syranide/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/syranide">@syranide</a> suggested adding an <code class="notranslate">onChange</code> to the <code class="notranslate">&lt;input&gt;</code> calling <code class="notranslate">this.props.toggleSelected</code>, then adding a <code class="notranslate">setTimeout</code> around <code class="notranslate">setState</code> inside <code class="notranslate">App.toggleSelected</code>. This approach works but seems unnecessary since the <code class="notranslate">&lt;input&gt;</code> should bubble up to the <code class="notranslate">&lt;div&gt;</code> which is handling the event.</p>
<p dir="auto">Now that flat bundles are mostly done (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="219349987" data-permission-text="Title is private" data-url="https://github.com/facebook/react/issues/9327" data-hovercard-type="pull_request" data-hovercard-url="/facebook/react/pull/9327/hovercard" href="https://github.com/facebook/react/pull/9327">#9327</a>), separating out followup work into a separate issue.</p>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Should <code class="notranslate">ReactDebugCurrentFrame</code> be in isomorphic package? <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="220256405" data-permission-text="Title is private" data-url="https://github.com/facebook/react/issues/9365" data-hovercard-type="pull_request" data-hovercard-url="/facebook/react/pull/9365/hovercard" href="https://github.com/facebook/react/pull/9365">#9365</a></li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Does <code class="notranslate">--extractErrors</code> fully work? It does update the file, but I'm still seeing "out of sync" console spam on rebuilds.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> What happens if user forgets to envify <code class="notranslate">process.env.NODE_ENV</code> with webpack or use dead code elimination? Would it bundle both bundles? Sounds like even worse than what happens now. Would the user see any warnings?</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Wrap CommonJS bundles into conditions <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="220208278" data-permission-text="Title is private" data-url="https://github.com/facebook/react/issues/9361" data-hovercard-type="issue" data-hovercard-url="/facebook/react/issues/9361/hovercard" href="https://github.com/facebook/react/issues/9361">#9361</a></li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Add a way to see bundle size change</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Address internal FB <code class="notranslate">invariant</code> issue (I think they wanted it to be ignored so it's used verbatim)</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Figure out RN rollout strategy
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> When does it go 100% Fiber? Do we switch to flat bundles after that?</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> See <a class="commit-link" data-hovercard-type="commit" data-hovercard-url="https://github.com/gaearon/react/commit/db1f7044d159d3ef2b29dbb7b42e9891a7d27cf4/hovercard" href="https://github.com/gaearon/react/commit/db1f7044d159d3ef2b29dbb7b42e9891a7d27cf4">gaearon@<tt>db1f704</tt></a> for possible workaround for circular injection</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Flat ReactNative bundle would require flat React bundle but that's not what's shipped on npm</li>
</ul>
</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Make sure error codes transform still works</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Add a fixture for ReactART</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Make a final decision on how we bundle server renderer</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Remove <code class="notranslate">providesModule</code> in source</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Maybe reduce duplication between UMD bundles (e.g. put <code class="notranslate">object-assign</code> on React internals) <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="256759096" data-permission-text="Title is private" data-url="https://github.com/facebook/react/issues/10671" data-hovercard-type="pull_request" data-hovercard-url="/facebook/react/pull/10671/hovercard" href="https://github.com/facebook/react/pull/10671">#10671</a></li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Convert source to ES6 modules</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Update release documentation</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> <s>Extract shared state to npm package</s></li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Use named imports in more places (eg event system)</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Figure out a static injection mechanism for www and RN</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Investigate mangling and GCC optimizations</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Figure out how to share build process with third party renderers (e.g. ART for starters)</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Simplify the default build process to not run FB bundle builds, come up with a better strategy for FB only builds maybe?</li>
</ul>