create-react-app

What Does Eject do in Create React App?

by

To bootstrap a react project it will require for you to know about things like Webpack or Babel which might be a sticking point for people who do not want to learn about these. create-react-app provides a fully configured environment with reasonable defaults (and possible to extend). Most infrastructure-related work is hidden from you, and … Read more

Proxy in package.json not affecting fetch request

by

You can modify your fetch request API url to give the complete hostname since fetch(‘http://localhost:3000/api/users’) also make sure that you have CORS enabled on your backend In case your want to redirect through webpack, your can try devServer.proxy as devServer: { inline: true, contentBase: ‘./dist’, port: 3001, proxy: { “/api/**”: { target: ‘http://localhost:3000’, secure: false … Read more

What is “npm run build” in create-react-app?

by

Developers often break JavaScript and CSS out into separate files. Separate files let you focus on writing more modular chunks of code that do one single thing. Files that do one thing decrease your cognitive load as maintaining them is a quite cumbersome task. What happens exactly behind the scene? When it’s time to move … Read more

Could not get uid/gid when building Node/Docker

by

UPD Fixed in nodejs@12.4.0? Check if this is linked to nodejs/docker-node issue 813: Root cause seems to be: Thread stack size The default stack size for new threads on glibc is determined based on the resource limit governing the main thread’s stack (RLIMIT_STACK). It generally ends up being 2-10 MB. There three possible solutions: Talk … Read more

Create-react-app – ERROR in Plugin “react” was conflicted between “.eslintrc.json” and “BaseConfig”

by

The problem: eslint-plugin-react version in your project’s dependency is “different” from the one in eslint-config-react-app package’s dependency, hence “conflicting”. The solution: Avoid deleting the .lock file as many suggested here (it’s there for a reason). Instead, dedupe its entries and then re-install. npm: npm dedupe && npm i yarn v1: npx yarn-deduplicate && yarn yarn … Read more

How to build a production version of React without minification?

by

To change the webpack config and build scripts you have either to eject from create-react-app (i would not recommend this step, as it breaks future compatibility) or use tools like rewire to override some settings Take a look at this. https://github.com/timarney/react-app-rewired I personally used just rewire npm i rewire –save-dev Here is a sample config … Read more

npm ERR! Response timeout while trying to fetch https://registry.npmjs.org/react-is (over 30000ms)

by

Sounds like you have a slow connection. Try increasing the timeout from 30s to 60s by adding this to your .npmrc file: timeout=60000 You could also try adding prefer-offline=true if you are trying to save bandwidth or have a slow connection Note: if you don’t have an .npmrc file setup yet, you can create one … Read more