<p dir="auto">I'm tried to use *Profilter tool on Chrome browser, but i got this error when i review the rank of list Elements.  I don't know what is that ?</p>
<p dir="auto">DevTools version: 4.2.1-3816ae7c3</p>
<p dir="auto">Call stack: at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40:157108<br>
at Map.forEach ()<br>
at commitIndex (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40:157054)<br>
at e.getRankedChartData (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40:157577)<br>
at vl (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40:314907)<br>
at gi (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32:59907)<br>
at jl (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32:107381)<br>
at Lc (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32:92715)<br>
at Pc (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32:92640)<br>
at wc (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32:89544)</p>
<p dir="auto">Component stack: in vl<br>
in div<br>
in div<br>
in div<br>
in wo<br>
in Unknown<br>
in n<br>
in Unknown<br>
in div<br>
in div<br>
in Li<br>
in $e<br>
in dn<br>
in Ca<br>
in Pc</p>
<h2 dir="auto">Should Do Soon</h2>
<ul class="contains-task-list">
<li class="task-list-item">
<p dir="auto"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Having a package called <code class="notranslate">react-native</code> is weird.</p>
<p dir="auto">Maybe we can just rename it to <code class="notranslate">react-native-renderer</code> to clarify the difference.</p>
</li>
<li class="task-list-item">
<p dir="auto"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Better strategy for shared code?</p>
<p dir="auto">Currently we just pile code into <code class="notranslate">shared</code> without particular structure, and then import directly through Haste. This is the same as we do in master though, so it’s at least no worse. We might want to tighten that up a little bit in the future, and maybe have some first-class entry points into it. We need to be clear <code class="notranslate">shared</code> code will be duplicated between any renderers using those modules.</p>
</li>
<li class="task-list-item">
<p dir="auto"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Server shouldn't depend on reconciler modules.</p>
<p dir="auto">I noticed <code class="notranslate">warnValidStyle</code> depends on <code class="notranslate">ReactDebugCurrentFiber</code>. This seems like it will always miss <code class="notranslate">owner</code> in warnings on server. Maybe it should depend on some other shared file instead? Regardless, this is <em>already</em> an issue on master so it’s not a regression.</p>
</li>
<li class="task-list-item">
<p dir="auto"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Find a more solid way to avoid Jest skipping our own modules (current hack is gross).</p>
<p dir="auto">The hack being <code class="notranslate">"transformIgnorePatterns": ["/node_modules/(?!react)"],</code> in <code class="notranslate">package.json</code>. Otherwise Jest skips our own code thinking it doesn’t need to be compiled because it was resolved through <code class="notranslate">node_modules</code>.</p>
<p dir="auto">The hack is not dangerous and can’t cause false positives with third-party code because I specifically check the resolved symlink path in the Jest transformer. Still, it means that if we add a package whose name doesn’t start with <code class="notranslate">react</code>, it will not be Babel-ed in tests until we add another exceptional case there.</p>
<p dir="auto">We can live with this hack for a little bit since we don’t plan to publish packages that don’t start with <code class="notranslate">react</code> in near future. We should file an issue with Jest though and come up with a better solution.</p>
<p dir="auto">Update: fixed via <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="268773495" data-permission-text="Title is private" data-url="https://github.com/facebook/react/issues/11372" data-hovercard-type="pull_request" data-hovercard-url="/facebook/react/pull/11372/hovercard" href="https://github.com/facebook/react/pull/11372">#11372</a>.</p>
</li>
</ul>
<h2 dir="auto">Should Do Later</h2>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Get rid of <code class="notranslate">useFiber</code> flag in bundle config</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Rename entry points to be more intuitive (e.g. <code class="notranslate">React</code> should be React entry point etc)</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Make internal folder structure more sensible</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Move requires around to be prettier</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Fix relative requires in tests</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Get rid of <code class="notranslate">fbEntry</code> in bundle config</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Why are we bundling <code class="notranslate">lowPriorityWarning</code> into PROD bundle?</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> In general, remove anything in bundle config that can now be determined using package folder</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Fix the gross hack <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="271540543" data-permission-text="Title is private" data-url="https://github.com/facebook/react/issues/11472" data-hovercard-type="pull_request" data-hovercard-url="/facebook/react/pull/11472/hovercard" href="https://github.com/facebook/react/pull/11472">#11472</a></li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Forbid importing from other packages? <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="267265840" data-permission-text="Title is private" data-url="https://github.com/facebook/react/issues/11303" data-hovercard-type="pull_request" data-hovercard-url="/facebook/react/pull/11303/hovercard?comment_id=146703577&amp;comment_type=review_comment" href="https://github.com/facebook/react/pull/11303#discussion_r146703577">#11303 (comment)</a></li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Move some Flow types</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> It is odd that package-level deps must be at top level too <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="267707155" data-permission-text="Title is private" data-url="https://github.com/facebook/react/issues/11341" data-hovercard-type="pull_request" data-hovercard-url="/facebook/react/pull/11341/hovercard?comment_id=338707660&amp;comment_type=issue_comment" href="https://github.com/facebook/react/pull/11341#issuecomment-338707660">#11341 (comment)</a></li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Split bundle config per package and "autodiscover" packages for bundling and version check</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Autogenerate "simple" entry point files for npm (<code class="notranslate">react-dom/npm/index.js</code> being the exception)</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Move some of <code class="notranslate">scripts</code> into packages too?</li>
</ul>