{"id":20826629,"url":"https://github.com/bonarja/react-sdom","last_synced_at":"2026-04-29T21:34:14.050Z","repository":{"id":57344328,"uuid":"191649840","full_name":"bonarja/react-sdom","owner":"bonarja","description":"Simplify the task of manipulating the DOM of the react components and use animations (like jQuery)","archived":false,"fork":false,"pushed_at":"2019-07-06T07:26:57.000Z","size":18,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-18T17:49:19.555Z","etag":null,"topics":["animatecss","animated","dom","frontend","handling","react","ui"],"latest_commit_sha":null,"homepage":"https://bonarja.github.io/sdom/#/React","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bonarja.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}},"created_at":"2019-06-12T21:52:50.000Z","updated_at":"2019-10-31T11:10:09.000Z","dependencies_parsed_at":"2022-09-11T09:00:56.113Z","dependency_job_id":null,"html_url":"https://github.com/bonarja/react-sdom","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/bonarja%2Freact-sdom","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bonarja%2Freact-sdom/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bonarja%2Freact-sdom/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bonarja%2Freact-sdom/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bonarja","download_url":"https://codeload.github.com/bonarja/react-sdom/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243173842,"owners_count":20248184,"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":["animatecss","animated","dom","frontend","handling","react","ui"],"created_at":"2024-11-17T23:09:38.475Z","updated_at":"2025-12-24T21:51:57.150Z","avatar_url":"https://github.com/bonarja.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-sdom [![GitHub license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/bonarja/react-sdom/blob/master/LICENSE) [![NPM version](https://img.shields.io/npm/v/react-sdom.svg)](https://www.npmjs.com/package/react-sdom)\n\nreact-sdom is an extension to access the React DOM using references, it returns a ref object with the extra functions of sdom, simplifying the task of manipulating the html DOM and are similar to the most common functions of the old jQuery, all this in a simpler and lighter script summarizing only the essential and more useful.\n\nreact-sdom Includes functions to animate the DOM using animate.css as a promise and ajax request.\n\n\u003cbr/\u003e\n\n## check the complete documentation in the following link\n\n## [https://bonarja.github.io/sdom/#/React](https://bonarja.github.io/sdom/#/React)\n\n```javascript\nimport React from \"react\";\nimport { Sdom } from \"react-sdom\";\n\nclass Home extends React.Component {\n    title = Sdom(); // get Sdom ref h1\n\n    componentDidMount() {\n        // use Sdom ref\n        this.title\n            .css({\n                color: \"coral\",\n                textTransform: \"uppercase\"\n            })\n            .in(\"bounceIn\", 700)\n            .then(() =\u003e {\n                console.log(\"finished animation\");\n            });\n    }\n\n    render() {\n        return (\n            \u003cdiv\u003e\n                \u003ch1 ref={this.title}\u003ehello\u003c/h1\u003e\n            \u003c/div\u003e\n        );\n    }\n}\nexport default Home;\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbonarja%2Freact-sdom","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbonarja%2Freact-sdom","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbonarja%2Freact-sdom/lists"}