{"id":20169244,"url":"https://github.com/clientio/joint-plus-tutorial-react","last_synced_at":"2025-04-10T02:24:07.577Z","repository":{"id":40267515,"uuid":"394344106","full_name":"clientIO/joint-plus-tutorial-react","owner":"clientIO","description":"JointJS+ Tutorial React","archived":false,"fork":false,"pushed_at":"2024-02-12T13:01:27.000Z","size":457,"stargazers_count":6,"open_issues_count":1,"forks_count":7,"subscribers_count":7,"default_branch":"main","last_synced_at":"2025-03-24T03:53:09.642Z","etag":null,"topics":["jointjs","react"],"latest_commit_sha":null,"homepage":"https://resources.jointjs.com/tutorial/react-ts","language":"TypeScript","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/clientIO.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}},"created_at":"2021-08-09T15:28:37.000Z","updated_at":"2024-02-27T19:52:35.000Z","dependencies_parsed_at":"2024-02-12T14:05:21.911Z","dependency_job_id":null,"html_url":"https://github.com/clientIO/joint-plus-tutorial-react","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/clientIO%2Fjoint-plus-tutorial-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/clientIO%2Fjoint-plus-tutorial-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/clientIO%2Fjoint-plus-tutorial-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/clientIO%2Fjoint-plus-tutorial-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/clientIO","download_url":"https://codeload.github.com/clientIO/joint-plus-tutorial-react/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248143479,"owners_count":21054790,"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":["jointjs","react"],"created_at":"2024-11-14T01:11:51.198Z","updated_at":"2025-04-10T02:24:07.549Z","avatar_url":"https://github.com/clientIO.png","language":"TypeScript","readme":"# joint-plus-tutorial-react\n\nThis git repository is intended for instructional purposes. It is the source code that accompanies a JointJS+ blog post \"Integration with React\" which can be found [here](https://resources.jointjs.com/tutorial/react-ts).\n\n### Prerequisites  \n\nTo run the following code, you will need a [JointJS+ license](https://www.jointjs.com/license) that comes with the JointJS+ installable package file `joint-plus.tgz`.\n\n### Dependencies\n\nMake sure you have the following dependencies installed on your system:\n\n- [Node.js](https://nodejs.org/en/)\n- git\n\n#### Setup\n\nClone this repository.\n\n```\ngit clone git@github.com:clientIO/joint-plus-tutorial-react.git\n```\n\nChange into the `joint-plus-tutorial-react` directory.\n\n```\ncd joint-plus-tutorial-react\n```\n\nFor this tutorial, you need to place your own `joint-plus.tgz` file in the root directory.\n\nWhen that is completed, you can install the dependencies.\n\n```\nnpm install\n```\n\nYour demo is now ready to start.\n\n```\nnpm start\n```\n\nYou should be able to view the demo at `http://localhost:3000`.\n\n#### Note\nWe have decided to keep the React import in our code for consistency reasons.\n \n*Because the new JSX transform will automatically import the necessary react/jsx-runtime functions, React will no longer need to be in scope when you use JSX. This might lead to unused React imports in your code. It doesn’t hurt to keep them.*\n[Unused React imports](https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html#removing-unused-react-imports)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclientio%2Fjoint-plus-tutorial-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fclientio%2Fjoint-plus-tutorial-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclientio%2Fjoint-plus-tutorial-react/lists"}