CRUD Operation With React and Redux Toolkit
Let's learn how to implement CRUD operation in redux toolkit with react, we also learn how to use react router v6, and use tailwind css for the styling.
👨💻Code:
https://github.com/candraKriswinarto/...
🔗Link:
Reactjs: https://reactjs.org/docs/create-a-new...
TailwindCSS: https://tailwindcss.com/
Redux Toolkit: https://redux-toolkit.js.org/tutorial...
Hero Icon: https://heroicons.com/
ReactRouter: https://reactrouter.com/
UUID: https://www.npmjs.com/package/uuid?ac...
Timestamps:
0:00 - Intro
0:24 - Demo
1:57 - Instal and Setup Tailwind CSS
2:48 - UserList Component
9:41 - Get icons from Hero Icons
10:41 - Button Component
12:48 - React router v6
15:12 - AddUser Component
16:23 - TextField Component
21:56 - use createRoot for react 18
26:32 - EditUser Component
28:41 - Redux Toolkit
45:42 - Done
👋🏻Contact Me:
https://canddev.vercel.app/
🌎 Find Me Here:
Instagram : / candra_kriswinarto
GitHub: https://github.com/candraKriswinarto/
Linkedin: / candra-kriswinarto
#reduxToolkit #programming #enjoyCoding