本番環境でreact/redux devtoolsでcomponentsを見れなくしたい

[hikaru146793]

動機

Laskではコンポーネントにユーザーのidを持たせているが、そのまま使っているとdevtoolsで誰でもみれてしまう。
そのため開発時はdevtoolsを使えるようにして、本番ではdevtoolsを使え無くしたらいいのではないか。

方法

react devtools

以下のライブラリを入れ、以下のように記述
disable-react-devtools

import React from 'react';
import ReactDOM from 'react-dom';
import { disableReactDevTools } from '@fvilers/disable-react-devtools';
import App from './App';

if (process.env.NODE_ENV === 'production') {
  disableReactDevTools();
}

ReactDOM.render(<App />, document.getElementById('root'));

参考: facebook/react-devtools#191

redux devtools

以下のように記述

import { composeWithDevTools } from 'redux-devtools-extension/developmentOnly';
const store = createStore(reducer, composeWithDevTools(applyMiddleware(thunk));

参考: reduxjs/redux-devtools#316