Back to all posts

Advance React Routing: With Project


  • Data Fetching with a loader()
    • Using Data from A Loader In the Route Component
  • More loader() Data Usage

Here not here eventDetailedLoader container data are passed to child pages from same loader.

With the help of the ID event-detail we get the data

  • Where should loader() code be stored?
  • When are loader() function executed
  • Error Handing With Custom Errors
    • Extracting Error Data & Throwing Responses
    • The json() utility function
  • Dynamic Routing & loader()s
  • Planning Data Submission
  • Working with action() function
  • Submitting Data Programmatically
  • Updating UI Status Based on Submission Status
  • Validation User Input & Outputting Validation Errors
  • Reusing Actions via Request Methods
  • Behind the Scenes Work with useFetcher()
  • Deferring Data Fetching with defer();
    • Controlling Which Data Should be Deferred

Note: I am adding all the code i Writing on Every tutorial I practiced. To view all code visit:

https://github.com/itscsp/react-router-pratice