react-redux-boilerplate | Get started with React and Redux | Router library

The problem

This is a very hard and weird problem because it's also very hard to explain. I start from the beginning:

I started a new application using this boilerplate:

https://github.com/flexdinesh/react-redux-boilerplate

Everything worked fine until the owner of the repo made some small changes (look at the latest commit "Add prettier config; Upgrade deps; Remove immutable").

Since I don't like immutable I thought it would be great to also remove it. So I went into this projects commit and did exactly the same as he did. I also installed the same dep's versions as in his package.json.

Now the app is starting and when I load the page I see just a blank page with some errors in the devtools.

The errors can be found here: https://imgur.com/a/ilNGj2b

One "bigger" change he also did is moving from react-router-redux to connected-react-router.

Also in the injectReducer and injectSaga files under app/utils he made some changes mainly importing ReactReduxContext. I'm specifically mentioning this because I think it has something to do with these changes.

What have I tried

I throw in some debugger statements in specific files and found out following:

• injectReducer file runs and gets the correct props
• injectSaga file doesn't run at all, I think because it's crashing before it get's executed. But I can't find out where and why.

I know this is hard to solve because it's a very big boilerplate code but you are my last hope (I already created an issue here: https://github.com/flexdinesh/react-redux-boilerplate/issues/38).

Maybe one of you that has way more experience can find out what the problem might be (maybe from the differences between last version of this repo and the current commit, or the error messages).

I really don't have much more "specific to the problem" code to give, since it could be really anything.

If anyone wants to help me out here is the current repo with the same structure as this boilerplate, but with my own code: https://github.com/SelfDevTV/forum-creator/tree/noImmutable

The master branch is working, that was before I "migrated" to the new version without immmutable and the other changes. The noImmutable branch is the "problem child".

The Problem

I have an application that uses this React Redux Boilerplate: https://github.com/flexdinesh/react-redux-boilerplate

I created a new page that is connected to the injected reducer + saga. I receive following props: posts, loading, error, loadPosts and match

When I use these directly the app is working as expected. But as soon as I start to destructure the props, the app is behaving unexpectedly.

Especially with the match props.

When I do it like this:

react-redux 4.0 now uses the context API, which is great! However, when trying to update a project of mine, everything is working but my unit tests starting failing.

For context, this is a very barebones "boilerplate" project I work on for fun. For demo-purposes, it is basically a to-do app (we all love todos, right?).

Now, for my containers I do some unit testing, but very basic. Basically, I want to make sure that both mapStateToProps and mapDispatchToProps are receiving what they should be receiving. I don't care how, just that they are in.

Here's my "ConnectedToDos" component:

As title says, how can I add redux to my react frontend when using Laravel/Laravel mix as of 5.5?

I have a reactjs and redux, project that uses webpack and it's built using a Dockerfile. It is a boiler-plate with some previous configuration, you can get the files by clonning this repo: https://github.com/CheesecakeLabs/react-redux-boilerplate.

So in order to run the react server I did create a docker-compose.yml file: