I am trying to learn the react and I have built and small TODO application which allows you to add and delete TODOS and it interacts with REST server.

I am using Redux for handling state and thunk as middleware to interact with rest API.

The code is working, however, at this point I have no idea how to make it better.

I have the following structure:

    ├── App.css
    ├── App.js
    ├── App.test.js
    ├── actions
    │   ├── add_todo_actions.js
    │   ├── delete_todo_actions.js
    │   ├── dialog_actions.js
    │   └── list_todo_actions.js
    ├── components
    │   ├── add_todo_dialog.js
    │   └── todo_list.js
    ├── containers
    │   ├── add_todo_container.js
    │   └── todo_list_container.js
    ├── index.css
    ├── index.js
    ├── reducers
    │   └── index.js
    └── serviceWorker.js

I won't be able to show the whole code here, however, if you guys won't mind I have put that https://github.com/Gaurang033/docker-compose/tree/with_redux_modularize_actions/web/src

My questions are:

  1. I have only two components one for Add button (with modal dialog) and another for listing todos. Should I divide them into another smaller components?
  2. Should I create different reducers for corresponding actions or components?

closed as off-topic by 200_success, Toby Speight, Ludisposed, Hosch250, IEatBagels Feb 8 at 14:42

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "Authorship of code: Since Code Review is a community where programmers improve their skills through peer review, we require that the code be posted by an author or maintainer of the code, that the code be embedded directly, and that the poster know why the code is written the way it is." – 200_success, Toby Speight, Ludisposed, Hosch250, IEatBagels
If this question can be reworded to fit the rules in the help center, please edit the question.

  • \$\begingroup\$ Our rules require you to put the essence of your code here. The GitHub link can only be treated as supplementary information. \$\endgroup\$ – 200_success Feb 8 at 1:45

Browse other questions tagged or ask your own question.