CRUD Operation With React and Redux Toolkit

Merci à Cyril T. pour sa contribution le 06/04/2022

Cand Dev
Anglais Anglais
React
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/CRUD-redux-toolkit

🔗Link:
Reactjs: https://reactjs.org/docs/create-a-new-react-app.html
TailwindCSS: https://tailwindcss.com/
Redux Toolkit: https://redux-toolkit.js.org/tutorials/quick-start
Hero Icon: https://heroicons.com/
ReactRouter: https://reactrouter.com/
UUID: https://www.npmjs.com/package/uuid?activeTab=readme

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

🌎 Find Me Here:

Instagram : https://www.instagram.com/candra_kriswinarto/
GitHub: https://github.com/candraKriswinarto/
Linkedin: https://www.linkedin.com/in/candra-kriswinarto/

#reduxToolkit #programming #enjoyCoding