In this section, we'll translate a simple "Hello World!" React app into Redux.

“We learn by example and by direct experience because there are real limits to the adequacy of verbal instruction.” - Malcom Gladwell

Even though I have spent ample time explaining the Redux principles in a way you won’t forget, verbal instructions have their limits.

To deepen your understanding of the principles, I’ll show you an example. Your first Redux application, if you want to call it that.

My approach to teaching is to introduce examples of increasing difficulty. So, for starters, this example is focused on refactoring a simple pure React app to use Redux.

The aim here is to understand how to introduce Redux in a simple React project, and deepen your understanding of the fundamental Redux concepts too.


Below is the trivial ‘Hello World’ React app we will be working with.

Get hands-on with 1200+ tech skills courses.