https://github.com/rproenza86/reactjs-complex-iteractions
React.js POC training creating compelling users experiences with a combined wide variety of interactions.
https://github.com/rproenza86/reactjs-complex-iteractions
animate-css animation-css lazy-loading reactjs ux-experience
Last synced: about 1 year ago
JSON representation
React.js POC training creating compelling users experiences with a combined wide variety of interactions.
- Host: GitHub
- URL: https://github.com/rproenza86/reactjs-complex-iteractions
- Owner: rproenza86
- Created: 2019-07-15T11:00:42.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2019-07-15T11:05:13.000Z (almost 7 years ago)
- Last Synced: 2025-04-12T23:47:32.609Z (about 1 year ago)
- Topics: animate-css, animation-css, lazy-loading, reactjs, ux-experience
- Language: JavaScript
- Homepage: https://happy-ptolemy-1e65fc.netlify.com
- Size: 2.69 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [reactjs-complex-iteractions](https://happy-ptolemy-1e65fc.netlify.com)
## Overview
One of the most powerful things you can build in React-interactions-is also one of the most complicated. But to create a compelling user experience, you'll need to be able to connect and combine a wide variety of interactions.
This training shows how to add and manage complex interactions in React using states and some useful third-party libraries.
Trained how to add hover and click interactions, navigation popups, grids and galleries, scrolling, and more.
## Objectives
- Using the component state for interactions
- Creating components
- Implementing hover, navigation, and scrolling interactions
- Loading animation
- Improving the user experience