{"id":18412866,"url":"https://github.com/rproenza86/reactjs-complex-iteractions","last_synced_at":"2025-04-12T23:47:36.268Z","repository":{"id":96673169,"uuid":"196981749","full_name":"rproenza86/reactjs-complex-iteractions","owner":"rproenza86","description":"React.js POC training creating compelling users experiences with a combined wide variety of interactions.","archived":false,"fork":false,"pushed_at":"2019-07-15T11:05:13.000Z","size":2816,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-12T23:47:32.609Z","etag":null,"topics":["animate-css","animation-css","lazy-loading","reactjs","ux-experience"],"latest_commit_sha":null,"homepage":"https://happy-ptolemy-1e65fc.netlify.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rproenza86.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-07-15T11:00:42.000Z","updated_at":"2019-07-15T11:06:57.000Z","dependencies_parsed_at":"2023-03-25T13:49:22.315Z","dependency_job_id":null,"html_url":"https://github.com/rproenza86/reactjs-complex-iteractions","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rproenza86%2Freactjs-complex-iteractions","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rproenza86%2Freactjs-complex-iteractions/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rproenza86%2Freactjs-complex-iteractions/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rproenza86%2Freactjs-complex-iteractions/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rproenza86","download_url":"https://codeload.github.com/rproenza86/reactjs-complex-iteractions/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248647256,"owners_count":21139081,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animate-css","animation-css","lazy-loading","reactjs","ux-experience"],"created_at":"2024-11-06T03:43:50.190Z","updated_at":"2025-04-12T23:47:36.244Z","avatar_url":"https://github.com/rproenza86.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [reactjs-complex-iteractions](https://happy-ptolemy-1e65fc.netlify.com)\n\n## Overview\n\nOne 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.\n\nThis training shows how to add and manage complex interactions in React using states and some useful third-party libraries.\n\nTrained how to add hover and click interactions, navigation popups, grids and galleries, scrolling, and more.\n\n## Objectives\n\n- Using the component state for interactions\n- Creating components\n- Implementing hover, navigation, and scrolling interactions\n- Loading animation\n- Improving the user experience\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frproenza86%2Freactjs-complex-iteractions","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frproenza86%2Freactjs-complex-iteractions","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frproenza86%2Freactjs-complex-iteractions/lists"}