https://juhanakristianblog.netlify.app/tags/debugging/ Recent content in Debugging on dev notes Hugo en-us Sat, 26 Sep 2020 00:00:00 +0000 https://juhanakristianblog.netlify.app/posts/what-is-react-strict-mode/ Sat, 26 Sep 2020 00:00:00 +0000 https://juhanakristianblog.netlify.app/posts/what-is-react-strict-mode/ <p>React Strict Mode is a tool, which comes with React, for detecting possible issues and problems in your application. Currently (Sept. 2020) Strict Mode detects if you have <a href="https://reactjs.org/docs/strict-mode.html#identifying-unsafe-lifecycles">unsafe lifecycle methods</a>, <a href="https://reactjs.org/docs/strict-mode.html#warning-about-legacy-string-ref-api-usage">usage of legacy string ref API</a>, <a href="https://reactjs.org/docs/strict-mode.html#warning-about-deprecated-finddomnode-usage">usage of findDOMNode</a>, <a href="https://reactjs.org/docs/strict-mode.html#detecting-unexpected-side-effects">detecting unexpected side effects</a> or <a href="https://reactjs.org/docs/strict-mode.html#detecting-legacy-context-api">detecting usage of legacy context API</a>.</p> <p>So basically, using Strict Mode will help you detect if your app or libraries are using React APIs which are deprecated, unsafe in async code or have problems which might cause bugs. <strong>Strict Mode warnings are only displayed in development</strong>, so you don&rsquo;t have to worry about them showing up in production. In the future, Strict Mode will likely add other warnings so even if you don&rsquo;t have any now, it&rsquo;s a good idea to keep using it.</p>