If you are a beginner and looking to learn how to build stunning pro components with next-level animations and perfectness on React.js well, in this video we will go through from zero to hero in creating an advanced SearchBar component with awesome animations and UI on React to search on TVShows with RESTFUL APIs. you will learn how to manage state, apply animations using framer-motion and how to fetch from API with auto-complete and proper state management for errors and warning messages for the best User Experience.
⭐ Timestamps ⭐
00:00 Getting Started and What we are going to build
02:03 Setting up and installing dependencies
06:59 Creating Basic shape of the searchBar component
22:15 Adding SearchBar Animation
28:19 Handling searchBar collapse state
38:30 Styling search results area with loading spinner
44:03 Auto Searching movies from the API
01:00:14 Rendering movies list with thumbnail, name and rating
01:16:27 Show warning messages and errors for better UX
🧭 Watch Tutorial on Designing the website on Figma
• I Design a onecolor We...
🧭 Watch Create a Modern React Login/Register Form with smooth Animations
• Create a Modern React ...
⭐ You can get the Full SearchBar Source Code From Github:
github.com/ipe...
🐦 Follow me on Twitter: / ipenywis
💻 Github Profile: github.com/ipe...
💡 My Blog: ipenywis.com
Made with 💗 by Coderone
16 авг 2024