YoVDO

Awesome React Loading Screens - Skeleton - Circular - Animated

Offered By: Lama Dev via YouTube

Tags

React Courses Web Development Courses User Experience Courses

Course Description

Overview

Discover how to implement three impressive React loading screens in this comprehensive tutorial video. Learn to create a skeleton loading component, display a circular progress bar while fetching API data, and design an animated loading screen for React applications. Explore creative CSS animations, SVG techniques, and practical implementations using React.js. Follow along as the instructor guides you through creating a post component, fetching data from an API, and implementing various loading screen options including a React Skeleton Component, Material UI Progress Bar, and custom animated loading screens. Gain valuable insights into enhancing user experience during data loading processes in your React projects.

Syllabus

Introduction
Creating post component
Fetching data from API
React Skeleton Component
React Material UI Progress Bar
React Loading Animation
Outro


Taught by

Lama Dev

Related Courses

User Experience for the Web
Open2Study
Intro to the Design of Everyday Things
Udacity
UX-Design for Business
Fraunhofer IESE via Independent
UX Design for Mobile Developers
Google via Udacity
SAP's UX Strategy in a Nutshell by Sam Yen
SAP Learning