devtools-extension | Basic example of a Chrome Devtools extension | Browser Plugin library

What I am tying to do is when the user clicks on sign in button my action gets dispatch with email and password. But, my action is not getting dispatched. Like when I checked my redux-dev-tools it is not showing anything:

There are no error message in console. I checked other answer's but nothing helped.

Here is the source code:

LoginScreen.js

FundraiserScreen.js

I am trying to add products to shopping cart by storing them in local storage but, they are not getting stored. I looked into Redux-dev-tools and found out my state is not updating:

As you can see action is getting fired but my state is not updating:

Here is the source code:

cartAction.js

I am new to react. Now I am Facing a problem. My app is running well(simple e-commerce). But the problem is When I am entering shipping address to checkout process it throws an error.

TypeError: Cannot read property 'address' of null.

I am using redux.So when I delete the existing address from browsers Localstorage it runs well.Error is here

Shipping Screen

I have a React front end and Node with Express server. When I build and run it on my computer everything works perfect. When I build and run it on my Azure Ubuntu VM the server starts successfully and it hosts the React front end and I can access it no problem. But I get a "net::ERR_CONNECTION_REFUSED" in the console when it tries to access the node server. I then noticed that if my server was running on my computer the React app hosted on the Azure VM would hit the server on my local computer and not the one on the Azure VM.

So, how do I get the React app hosted on the VM to properly point to the server/vm it is hosted from?

The file structure of the app is:

I have a typescript react app which I am trying to build for delpoy.

After running npm run build and serve -s build my app starts but it is only a blank page. The favicon is visible on tab.

I am using @reach/router as my router, don't know if it has anything to do with the issue.

I've tried:

• adding homepage: "." to package.json
• adding homepage: "./" to package.json
• without homepage in package.json

Upon serving the app locally or deploying it to firebase I receive only the blank page. I can see the chunks being created and the files deployed.

The deployed version is hosted at: https://rezervavila-prod.web.app/

EDIT: I've seen on this answer that BrowserRouter was an issue for some. In my case I'm using @reach/router Router but I can't find a fix.

package.json:

Attempting to deploy to heroku for the first time, and i've been getting this sasserror which causes the build to fail and reject.

Steps taken for resolution

1. Delete node sass and node modules / reinstall / push to master repo
2. Adjust import path to @import './scss/_variables.scss';
3. Delete the first import to check if that file was the issue
4. Update node to support node-sass compatibility

Question

1. Create React App has webpack built internally, do i need to add my own webpack config for sass-loaders, css-loaders, style-loaders?

• i've only ever used webpack with rails before, if i do need webpack, for my output params, what should replace the "bundle.js" i get from rails?

Terminal response

So I did the deployment exactly like here: https://medium.com/@rksmith369/how-to-deploy-mern-stack-app-on-aws-ec2-with-ssl-nginx-the-right-way-e76c1a8cd6c6

But my React App wont load, instead it gets blocked(Content Security Policy).

Maybe something with nginx? Or is my React app broken? I was searching the whole day so I thought I give it a try and ask for help.

Edit: New Problem my homepage gets loaded, but on all of the other sites I get a 404 if I reload...

New Server.js

I'm new to redux. I am trying to get a basic application going. I have read the docs, but I still am having problems. I am getting the error message NameOfMyAction is not a function. This only happens after I fill in the form and attempt to submit it to redux by clicking submit.The error that I am getting specifically is TypeError: addSodaDrink is not a function . I'll list my setup below since I don't know what else to say about it.

// index.js