Build a Project with the useReducer hook from React, JSON-server, Axios, and Tailwind CSS. We will build an Inventory List together to understand each of the concepts and do hands-on.
Learning theory is great, but you need to practice. This is why a small but meaningful project can help you understand the concepts really well. I hope this video helps you and you like it.
Why waiting? Let's GO 🚀
Please LIKE/SHARE/SUBSCRIBE to the channel to show your support. Thanks! 🫶
Timecodes
0:00 - What Are We Building?
00:53 - Project Setup: React + Tailwind
03:06 - Json-Server: Understand and Setup
07:10 - Axios: Understand and Setup
09:04 - The useReducer Hook
13:03 - Create The Inventory Reducer
19:08 - Reducer + Axios To Fetch Data
27:20 - Complete The JSX Part
33:28 - A Quick Recap
36:38 - Last Words
Join tapaScript Discord Server
- / discord
Source Code:
- github.com/atapas/youtube/tre...
Links Mentioned:
- A template repository to start projects with React and TailwindCSS scaffolded by Vite: github.com/atapas/vite-tailwi...
- How To Create A Reusable Template Repo: • React, Vite, TailwindC...
- Comparing useState and useReducer: react.dev/learn/extracting-st...
- useReducer in-depth: • useReducer React Hook ...
- Object Destructuring 101: • JavaScript Object Dest...
🤝 My Links:
- Blog: blog.greenroots.info/
- Follow on X(Twitter): / tapasadhikary
- Connect on LinkedIn: / tapasadhikary
- Follow My Work on GitHub: github.com/atapas
- Follow on Facebook: / tapasadhi
👋 Like my work? Thank You. You can support/sponsor me from here:
- Sponsor Me: github.com/sponsors/atapas
- Sponsor my Blog: blog.greenroots.info/sponsor
- mercury.streamelements.com/ti...
About Me:
Tapas Adhikary is an Educator at tapaScript, Tech enthusiast, Writer, KZitemr, and Open Source projects maintainer/contributor. He is a full-stack developer who has vast experience in building SaaS solutions. He is the founder of the ReactPlay platform, which is driven by open-source projects and a fast-growing community.
You can find more about him at tapasadhikary.com.
#reactjs
#reactproject
#reacthooks
#axios
#reactjsdeveloper
#react
Негізгі бет React Inventory List: With useReducer, Axios, and json-server 📋
Пікірлер: 15