bezkoder / react-redux-axios-crud

React Redux CRUD App example with Axios to consume Rest API - React Router & Bootstrap.
67 stars 46 forks source link

No Issue, just tutorial request #1

Open adiramardiani opened 3 years ago

adiramardiani commented 3 years ago

Hello, sorry before I used the issues feature, I think the best way to communicate with you @tienbku @bezkoder is via github

Thanks for the great article at bezkoder.com Currently I'm learning React completely from the beginning, and I think you are a master at this, your code is neat, structured, and your tutorial is very easy to understand for people as stupid as me :)

This is a request, so please ignore it if you think you don't have to. your series especially for React Hooks and Redux is very good, but right now I have a need for a material-ui table view with the form create, view, update, via pop up / modal. more or less mockup/ui is the same when you write on "React Table example: CRUD App | react-table 7"

By combining your tutorial, I managed to get it working well, but my code is very messy and difficult to develop, I would like to see you manage the code if it is made by an experienced person.

  1. The tutorial is have two series
    • with react hooks
    • with redux
  2. Use material ui, feature on this CRUD
    • have search input
    • pagination, and sorting from backend / api
    • have individual, selected, or batch(all) delete
    • have confirmation dialog before delete
    • have some success alert / notification, if create, update or delete is success
  3. Code structure
    • for create and update, use one file form, so no duplication/repetition to write form ui and field on create and update
    • (question) for field / entities variable can store in some (maybe) like entities folder (post.js, post_category.js) ? so code like this const initialTutorialState = { id: null, category_id: null, name: "", description: "", published: false }; can use on Table, View, Create or Update js file, no repetition to define twice
    • on some form, has a drop down, where it fetches from the database, I'll explain in the database section (post:category_id)
    • have photo for upload function
  4. Database
    • post_category: id, name, description
    • post:id, category_id, name, slug, content, photo, published, created_at

Please close this issue if you have read it, this is only a request, you don't have to do it if you don't want to Thanks for everything, for your tutorial, and code structure management master :)

centralcybersecurity commented 1 year ago

Hi, @adiramardiani I am also looking for the same. Did you manage to get this done? If yes, would appreciate if you could share the code as I am also learning the react-redux

Thanks