From AngularJS to React & Redux — how to migrate your web app

From AngularJS to React Redux — how to migrate your web appSome days ago I wanted to start implementing something I had in mind for the past 4 months: Migrating an AngularJS project to React with Redux state management.I did some research around the topic.

Also I couldn’t find how you can have Redux over the project only for React.There are hundreds of projects out there that will have to decide in the next years to move to another framework as AngularJS and its libraries will have less and less support from the community.I though…

So I suggest before making such a migration, to start using Webpack and module dependencies ASAP.My needsI wanted to start moving that project from AngularJS to React so I could start using all the new features modern web has to offer regarding speed, splitting the code to smaller components and…

Two months before this migration, I started implementing some testing principles around the project so I could keep in track in some tasks.

Refer here if the code examples makes no sense ;)Also you can see how the MERN project handles the server side rendering when the migration is done (another great feature you can use from React!)

Some days ago I wanted to start implementing something I had in mind for the past 4 months: Migrating an AngularJS project to React with Redux state management. I did some research around the topic…

Some days ago I wanted to start implementing something I had in mind for the past 4 months: Migrating an AngularJS project to React with Redux state management.

I did some research around the topic. And although there were some articles around Angular-to-React migration, I got lost. Also I couldn’t find how you can have Redux over the project only for React.

There are hundreds of projects out there that will have to decide in the next years to move to another framework as AngularJS and its libraries will have less and less support from the community.

I though that this can be easier so that’s why i did it and kept some notes so I can share my findings.

Starting with AngularJS migration to React is not an easy task. And what happens if you want to start using Redux for state management as well? Well this doesn’t have to be a nightmare!

My project had already been switched to ES6 with Webpack, so that was one thing that helped a lot. So I suggest before making such a migration, to start using Webpack and module dependencies ASAP.

I wanted to start moving that project from AngularJS to React so I could start using all the new features modern web has to offer regarding speed, splitting the code to smaller components and of course testing.