React JS Tutorial : React Router Redux Todo App
React Router and Redux are the most common libraries in React JS ecosystem. They are not officially come with Facebook's React JS, but they are always inside my project's dependencies. In this blog post we will try to create a simple todo app using React Router and Redux. We will also use Material-UI ( Top 10 React JS UI Components ) and lodash uniqueId to generate id for todo item. What we need in this React JS Tutorial: create-react-app (you can install it using npm i -g create-react-app or yarn global add create-react-app ) code editor (I always use Visual Studio Code ) browser (I use Google Chrome) Mockups When we develop React JS applications, it would be better if we start by designing the application's mockups. The app will have 3 pages: Home Todo, Edit Todo, and Not Found. 1. Home Todo (path: / ) 2. Edit Todo (path: /edit/:id ) 3. Not Found (path: /:something-not-listed-in-the-router ) Bootsrap New Project First, let's bo...