JAVASCRIPT

react hide source code

in package.json file as follows.
add GENERATE_SOURCEMAP=false to build

scripts: {
"build": "GENERATE_SOURCEMAP=false react-scripts build"
}

how to hide source for react project

"build": "GENERATE_SOURCEMAP=false react-scripts build",
"winBuild": "set "GENERATE_SOURCEMAP=false" && react-scripts build",

Use npm run build for creating build on Linux.

Use npm run winBuild for creating build on Windows.

How to hide component in React

import React, { useState } from 'react';

const Component = () => {
  const [show, setShow] = useState(false);
  return(
    <>
      <button onClick={() => setShow(prev => !prev)}>Click</button>
      {show && <Box>This is your component</Box>}
    </>
  );
}

export default Component

hide react source

In in package.json (Windows)

"scripts": {
...
    "cleanBuild": "rimraf ./build/*",
    "build": "npm run cleanBuild && set "GENERATE_SOURCEMAP=false" && react-scripts build ",

react hide source code

in package.json file as follows.
add GENERATE_SOURCEMAP=false to build

scripts: {
"build": "GENERATE_SOURCEMAP=false react-scripts build"
}

how to hide source for react project

"build": "GENERATE_SOURCEMAP=false react-scripts build",
"winBuild": "set "GENERATE_SOURCEMAP=false" && react-scripts build",

Use npm run build for creating build on Linux.

Use npm run winBuild for creating build on Windows.

How to hide component in React

import React, { useState } from 'react';

const Component = () => {
  const [show, setShow] = useState(false);
  return(
    <>
      <button onClick={() => setShow(prev => !prev)}>Click</button>
      {show && <Box>This is your component</Box>}
    </>
  );
}

export default Component

hide react source

In in package.json (Windows)

"scripts": {
...
    "cleanBuild": "rimraf ./build/*",
    "build": "npm run cleanBuild && set "GENERATE_SOURCEMAP=false" && react-scripts build ",