https://github.com/kuzhalikumaraguru/sb-admin-react
CRUD in react.js
https://github.com/kuzhalikumaraguru/sb-admin-react
bootstrap css font-awesome hooks html jsx react useeffect usenavigate usestate
Last synced: 2 months ago
JSON representation
CRUD in react.js
- Host: GitHub
- URL: https://github.com/kuzhalikumaraguru/sb-admin-react
- Owner: kuzhalikumaraguru
- Created: 2023-12-26T15:54:10.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-29T14:45:12.000Z (over 2 years ago)
- Last Synced: 2024-04-23T09:35:42.708Z (about 2 years ago)
- Topics: bootstrap, css, font-awesome, hooks, html, jsx, react, useeffect, usenavigate, usestate
- Language: CSS
- Homepage: https://b53-wdt-d10rms30-react-axios-crud.netlify.app/dashboard
- Size: 77.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
1. npm i react-router-dom
2. Import BrowserRouter,Routes, Route from react-router-dom
3. If any of your component need access for routes in your application, then it should be definitely children of BrowserRouter
4. BrowserRouter---> Routes ---> Route(path,element)
5. When the spiecified path is loaded in browser the mapped component will be loaded.
6. Navigate component helps you in redirection to the specified routes
7. Link Component is similar to where anchor tag helps navigating external links and Link component helps in navigating Internal Routes
8. Create Add user, Edit User and Setup the necessary route
9. Create a state in App.js and Share it with Add User, Edit User and Dashboard component
10. Receive the props in each component.
11. npm install react-bootstrap bootstrap
12. Include the css file in the main.jsx
13. In dashboard create a table and display the users - render user data using map