Shimmer Effect in React | Skeleton Loading | The Complete React Course | Ep.25
React.js Full Course in Hindi | Zero to Advanced in 28 Hours
Source Code: https://github.com/procodrr/react-course/tree/main/25_shimmer-effect 📖 Chapters 00:00 - Introduction 00:57 - Understand the Shimmer Effect 03:33 - Let's create the Shimmer Effect in our React App! 19:13 - Quick Assignment 20:32 - Conclusion Have any doubts? Join this Telegram group and ask your question. You can also share the projects that you make in this group. Telegram Group : https://t.me/procodrr Sunday QnA Link: https://meet.google.com/vbp-hqnm-eiq Social Media 🌐 Telegram: https://t.me/procodrr 🌐 Linkedin: https://www.linkedin.com/in/anurag-singh-web-developer/ 🌐 Instagram: https://www.instagram.com/procodrr/ 🌐 Twitter: https://twitter.com/anuragsinghbam 🌐 Portfolio: https://anuragsinghbam.com/ Music by geoffharvey from Pixabay #react #procodrr #webdevelopment

About the course
If you want to master React.js right from scratch, you have come to the right place. In this course, we'll cover everything about React. We'll see how React works behind the scenes and much more. By the end of this course, you’ll become a React expert which will help you land your dream job of web development.
Lessons
- The Complete React Course | Trailer | Zero to Advanced
- The Complete React Course | Trailer | Zero to Advanced
- Why do we need React? | The Complete React Course | Ep.01
- Why do we need React? | The Complete React Course | Ep.01
- How Much JavaScript do We Need for React? | The Complete React Course | Ep.02
- How Much JavaScript do We Need for React? | The Complete React Course | Ep.02
- What is React Element? | The Complete React Course | Ep.03
- What is React Element? | The Complete React Course | Ep.03
- What is JSX? | Transform JSX with Babel | The Complete React Course | Ep.04
- What is JSX? | Transform JSX with Babel | The Complete React Course | Ep.04
- How Source Maps Can Save You Time in React Development | The Complete React Course | Ep.05
- How Source Maps Can Save You Time in React Development | The Complete React Course | Ep.05
- ReactJS vs NextJS: Which One Should You Learn First? | The Complete React Course | Ep.06
- ReactJS vs NextJS: Which One Should You Learn First? | The Complete React Course | Ep.06
- Why Should You Learn React With Parcel? | The Complete React Course | Ep.07
- Why Should You Learn React With Parcel? | The Complete React Course | Ep.07
- Render Multiple Elements in React | The Complete React Course | Ep.08
- Render Multiple Elements in React | The Complete React Course | Ep.08
- Introduction to React Component | The Complete React Course | Ep.09
- Introduction to React Component | The Complete React Course | Ep.09
- How to Use Images in React? | The Complete React Course | Ep.10
- How to Use Images in React? | The Complete React Course | Ep.10
- Event Handling in ReactJS | The Complete React Course | Ep.11
- Event Handling in ReactJS | The Complete React Course | Ep.11
- How State Works in React – Explained in Depth | The Complete React Course | Ep.12
- How State Works in React – Explained in Depth | The Complete React Course | Ep.12
- How useState Works Behind the Scenes in React | The Complete React Course | Ep.13
- How useState Works Behind the Scenes in React | The Complete React Course | Ep.13
- State Vs Props in React | When to use what? | The Complete React Course | Ep.14
- State Vs Props in React | When to use what? | The Complete React Course | Ep.14
- What are React Fragments? | Hindi | The Complete React Course | Ep.15
- What are React Fragments? | Hindi | The Complete React Course | Ep.15
- What is Children Prop in React? | The Complete React Course | Ep.16
- What is Children Prop in React? | The Complete React Course | Ep.16
- Conditional Rendering in React | Explained with Examples | The Complete React Course | Ep.17
- Conditional Rendering in React | Explained with Examples | The Complete React Course | Ep.17
- How to Scope CSS to a Component in React? | CSS Modules in React | The Complete React Course | Ep.18
- How to Scope CSS to a Component in React? | CSS Modules in React | The Complete React Course | Ep.18
- Hands-On React Using Real World Projects | Frontend Mentor | The Complete React Course | Ep.19
- Hands-On React Using Real World Projects | Frontend Mentor | The Complete React Course | Ep.19
- Implement Search Functionality in React | The Complete React Course | Ep.20
- Implement Search Functionality in React | The Complete React Course | Ep.20
- useEffect Hook in React | Hindi | The Complete React Course | Ep.21
- useEffect Hook in React | Hindi | The Complete React Course | Ep.21
- React Router v6 in Hindi | Routing in React | The Complete React Course | Ep.22
- React Router v6 in Hindi | Routing in React | The Complete React Course | Ep.22
- Dynamic Routing in React | The Complete React Course | Ep.23
- Dynamic Routing in React | The Complete React Course | Ep.23
- Handle Multiple Fetch Requests | Promise.all( ) in React | The Complete React Course | Ep.24
- Handle Multiple Fetch Requests | Promise.all( ) in React | The Complete React Course | Ep.24
- Shimmer Effect in React | Skeleton Loading | The Complete React Course | Ep.25
- Shimmer Effect in React | Skeleton Loading | The Complete React Course | Ep.25
- Pass Data from One Page to Another in React | The Complete React Course | Ep.26
- Pass Data from One Page to Another in React | The Complete React Course | Ep.26
- Dark Mode in React | The Complete React Course | Ep.27
- Dark Mode in React | The Complete React Course | Ep.27
- How to Work with the React Context API? | The Complete React Course | Ep.28
- How to Work with the React Context API? | The Complete React Course | Ep.28
- How to Create Custom Hooks in React ? | The Complete React Course | Ep.29
- How to Create Custom Hooks in React ? | The Complete React Course | Ep.29
- REST Countries API Project Completed | Frontend Mentor | The Complete React Course | Ep.30
- REST Countries API Project Completed | Frontend Mentor | The Complete React Course | Ep.30
- How to Deploy a React JS App? | Hindi | The Complete React Course | Ep.31
- How to Deploy a React JS App? | Hindi | The Complete React Course | Ep.31
- How To Work With Forms in React | Basics of Form Handling | The Complete React Course | Ep.32
- How To Work With Forms in React | Basics of Form Handling | The Complete React Course | Ep.32
- Unidirectional Data Flow in React | Controlled Components | The Complete React Course | Ep.33
- Unidirectional Data Flow in React | Controlled Components | The Complete React Course | Ep.33
- useRef Hook Explained in Hindi | The Complete React Course | Ep.34
- useRef Hook Explained in Hindi | The Complete React Course | Ep.34
- Form Validation in React | Explained in Hindi | The Complete React Course | Ep.35
- Form Validation in React | Explained in Hindi | The Complete React Course | Ep.35
- Create Custom Form Fields in React | Advanced Form Validation | The Complete React Course | Ep.36
- Create Custom Form Fields in React | Advanced Form Validation | The Complete React Course | Ep.36
- Filter Data Using Custom Hooks | The Complete React Course | Ep.37
- Filter Data Using Custom Hooks | The Complete React Course | Ep.37
- Create Custom Context Menu in React | The Complete React Course | Ep.38
- Create Custom Context Menu in React | The Complete React Course | Ep.38
- Edit Functionality in React | The Complete React Course | Ep.39
- Edit Functionality in React | The Complete React Course | Ep.39
- Sorting in React | Ascending/Descending and Alphabetically | The Complete React Course | Ep.40
- Sorting in React | Ascending/Descending and Alphabetically | The Complete React Course | Ep.40
- LocalStorage in React Using Custom Hook | The Complete React Course | Ep.41
- LocalStorage in React Using Custom Hook | The Complete React Course | Ep.41
- React Developer Tools | Components & Profiler | The Complete React Course | Ep.42
- React Developer Tools | Components & Profiler | The Complete React Course | Ep.42
- How to Use TailwindCSS with React | The Complete React Course | Ep.43
- How to Use TailwindCSS with React | The Complete React Course | Ep.43
- NavLink in React | The Complete React Course | Ep.44
- NavLink in React | The Complete React Course | Ep.44
- Create Pop-up Using React Portal | The Complete React Course | Ep.45
- Create Pop-up Using React Portal | The Complete React Course | Ep.45
- Code Splitting and Lazy Loading in React | React.lazy & Suspense | The Complete React Course | Ep.46
- Code Splitting and Lazy Loading in React | React.lazy & Suspense | The Complete React Course | Ep.46
- Class Components in React | The Complete React Course | Ep.47
- Class Components in React | The Complete React Course | Ep.47
- Lifecycle Methods in React | The Complete React Course | Ep.48
- Lifecycle Methods in React | The Complete React Course | Ep.48
- Binding of "this" Keyword in Event Handlers | The Complete React Course | Ep.49
- Binding of "this" Keyword in Event Handlers | The Complete React Course | Ep.49
- Higher-Order Components In React | The Complete React Course | Ep.50
- Higher-Order Components In React | The Complete React Course | Ep.50
- Build your own React.js Library | The Complete React Course | Ep.51
- Build your own React.js Library | The Complete React Course | Ep.51
- Recreating useState Hook | The Complete React Course | Ep.52
- Recreating useState Hook | The Complete React Course | Ep.52
- Virtual DOM, Reconciliation and Diffing Algorithm in React | The Complete React Course | Ep.53
- Virtual DOM, Reconciliation and Diffing Algorithm in React | The Complete React Course | Ep.53
- Congratulations🎉 We have Successfully Completed React | The Complete React Course
- Congratulations🎉 We have Successfully Completed React | The Complete React Course