Skip to content

Latest commit

 

History

History
45 lines (35 loc) · 2.36 KB

README.md

File metadata and controls

45 lines (35 loc) · 2.36 KB
Raw

Ways (Methods) of Routing in React Router v6

Learning and Know how the Routing Methods and Param Route with GraphQL

Learning Object

  • Form Handling in A or B param on a same input field in GraphQL with Destructuring JSON Object in Nested-Complex, at client.
  • Retrieve Data from server of Strapi with GraphQL methods. Strapi is the Data Control Panel in MySQL based.
  • Added Delete Feature of Component on SearchResult.jsx to delete data via GraphQL on Data Control Panel of Strapi (server) in MySQL based.
  • Lifted Status of Deletion if failed or successfully executed.

Regarding Files as

  • Form Page Data (Param) Submission Handling SearchForm.jsx
  • Retrieve Result Component of Search SearchResult.jsx
  • Redirect Component of Clicked-Button-Submission FormHandler.jsx
  • Data Loader of Apollo Clientbe used at DataRoutes.jsx ClientApollo.jsx
  • Deletion Component to be exported onto SearchResult.jsx file DeletionFeature.jsx
  • Query of GraphQL to determine retrieve result for SearchResult.jsx file queries.jsx
  • Mutation Query of GraphQL to determine delete result for SearchResult.jsx file mutations.jsx
  • GraphQL Query & Mutation methods are determined from Apollo Sandbox Explorer

in use of React Hooks

  • useState, useParams, useLoaderData, useEffect, useNavigate, useQuery, ApolloClient
  • prop-types, useMutation, refetch() @useQuery

Usage

Route Definition of URL Link created at DataRoutes.jsx file

GraphQL Endpoints:

Project Requirement as :

  • client with Apollo Client of GraphQL
  • server with Strapi in GraphQL Server and in MySQL based

Github Link regard this Branch on Delete-Feature-Strapi-GraphQL-Param

Default Created of React Router v6

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available: