React: Managing Complex Interactions

Learn how to add complex interactions-hover and click interactions, navigation popups, grids and galleries, scrolling, and more-in React applications.

Introduction

• Welcome
• Course prerequisites
• Using the exercise files

1. Set Up the Project

• Brief introduction of our toolset
• Initialize a new project

2. Basic Interactions

• Base modifications
• Use the state for interactions
• Create initial card component
• Hover interactions
• Clicked interactions
• Loading animations
• Navigation and menu interactions, part 1
• Navigation and menu interactions, part 2
• Grid and galleries interactions
• Hero interactions
• Scrolling interactions

3. UX and Complex Interactions

• UX application and web planning
• UX improvements with our project

Conclusion

• Next steps