https://github.com/sumonta056/reactjs-tailwindcss-learning
Learning React Js from Scratch using TailwindCSS
https://github.com/sumonta056/reactjs-tailwindcss-learning
lazy-loading usecontext-hook useeffect-hook usestate
Last synced: 18 days ago
JSON representation
Learning React Js from Scratch using TailwindCSS
- Host: GitHub
- URL: https://github.com/sumonta056/reactjs-tailwindcss-learning
- Owner: Sumonta056
- Created: 2023-09-11T13:48:44.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-24T03:07:59.000Z (over 1 year ago)
- Last Synced: 2024-07-17T06:28:56.828Z (over 1 year ago)
- Topics: lazy-loading, usecontext-hook, useeffect-hook, usestate
- Language: JavaScript
- Homepage: https://react-js-tailwind-css-learning-with-sumonta.vercel.app
- Size: 3.33 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
## 😏 Learning ReactJS & TailwindCSS 😏
### 🌤️ Day 1 : [UseEffect, UseCallback, UseRef, UseState](/UseEffect_useCallback_useRef_useState/)
| Resource Name | Link |
| ------------------------------------------- | ----------------------------------------------------------------------------------------------------------- |
| useEffect, useRef, useState and useCallback | [👉 Click Here](https://youtu.be/NmSh-YpmDU4?si=zvmLQOqh3c6wyaEy) |
| Project Link : Password Generator | [👉 Click Here](https://github.com/hiteshchoudhary/react-english/blob/main/05passwordgenerator/src/App.jsx) |
| React Learning Resources Offical Website | [👉 Click Here](https://react.dev/reference/react/useCallback) |
| Taliwind CSS GFG learning | [👉 Click Here](https://www.geeksforgeeks.org/tailwind-css-padding/?ref=lbp) |
| Taliwind CSS Offical Documentation | [👉 Click Here](https://tailwindcss.com/docs/theme) |
| Learn Taliwind CSS TW Elements | [👉 Click Here](https://tw-elements.com/learn/te-foundations/tailwind-css/about/) |
| Font Awesome SVG icons | [👉 Click Here](https://fontawesome.com/icons/lock?f=classic&s=solid) |
### 🌤️ Day 2 : Tracking React JS Learning Tutorials Links
| Topic Name | Link |
| -------------------------------------------- | --------------------------------------------------------------------------------------------------------- |
| Complete Basic Much Needed React JS Tutorial | [👉 Click Here](https://youtube.com/playlist?list=PLu71SKxNbfoDqgPchmvIsL4hTnJIrtige&si=SpPYVs2OvTb-YATA) |
| Understand the react flow and structure | [👉 Click Here](https://youtu.be/yNbnA5pryMg?si=Y7wWvyIbEzGOMQ_P) |
### 🌤️ Day 3 : Learning All React Hooks and Adding Background
| Topic Name | Link |
| ---------------------------------------------------------------- | ----------------------------------------------------------------- |
| Step-by-Step Tutorial: How to Add Background Image with React JS | [👉 Click Here](https://youtu.be/6J2t_RyQopU?si=cf23Pc4Ju82jer0X) |
| React Lazy Component Loading with Suspense Handling | [👉 Click Here](./src/App.jsx) |
| Learn React Hooks: useContext - Simply Explained! | [👉 Click Here](https://youtu.be/HYKDUF8X3qI?si=2pw1jJ9-E24KcyNg) |
| React useContext() hook introduction | [👉 Click Here](https://youtu.be/FpNfvbNYPsg?si=h246qQ3u7c3KxUuV) |