{"id":19739437,"url":"https://github.com/rkrupinski/react","last_synced_at":"2026-03-04T05:02:09.232Z","repository":{"id":181675728,"uuid":"667120818","full_name":"rkrupinski/react","owner":"rkrupinski","description":"An experimental, lightweight React alternative.","archived":false,"fork":false,"pushed_at":"2023-08-01T20:51:27.000Z","size":145,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-25T07:38:07.780Z","etag":null,"topics":["library","react","typescript","ui","yet-another"],"latest_commit_sha":null,"homepage":"https://remarkable-rugelach-93aab7.netlify.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rkrupinski.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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,"zenodo":null}},"created_at":"2023-07-16T17:50:37.000Z","updated_at":"2024-02-23T15:10:44.000Z","dependencies_parsed_at":"2025-04-30T05:32:10.299Z","dependency_job_id":"ed9533ad-06f3-4787-8ce6-b2f4ae97cb83","html_url":"https://github.com/rkrupinski/react","commit_stats":null,"previous_names":["rkrupinski/react"],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/rkrupinski/react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rkrupinski%2Freact","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rkrupinski%2Freact/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rkrupinski%2Freact/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rkrupinski%2Freact/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rkrupinski","download_url":"https://codeload.github.com/rkrupinski/react/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rkrupinski%2Freact/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30071895,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-04T03:25:38.285Z","status":"ssl_error","status_checked_at":"2026-03-04T03:25:05.086Z","response_time":59,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["library","react","typescript","ui","yet-another"],"created_at":"2024-11-12T01:17:20.437Z","updated_at":"2026-03-04T05:02:09.207Z","avatar_url":"https://github.com/rkrupinski.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg src=\"https://github.com/rkrupinski/react/assets/775177/29935515-8c29-4254-b80e-ed590489738d\" width=\"250\" height=\"250\" /\u003e\n\n# @rkrupinski/react\n\nAn experimental, lightweight [React](https://react.dev/) alternative.\n\n![Build status](https://github.com/rkrupinski/react/workflows/CI/badge.svg)\n[![minified + gzip](https://badgen.net/bundlephobia/minzip/@rkrupinski/react)](https://bundlephobia.com/package/@rkrupinski/react)\n\nTable of contents:\n\n- [Getting started](#getting-started)\n- [Example](#example)\n- [API](#api)\n  - [JSX](#jsx)\n  - [Top-level API](#top-level-api)\n  - [Hooks](#hooks)\n\n## Getting started\n\nInstall:\n\n```\nyarn add @rkrupinski/react\n```\n\nMake sure to set:\n\n```json\n{\n  \"jsx\": \"react\"\n}\n```\n\nin your `tsconfig.json` -\u003e `\"compilerOptions\"`.\n\nNow you're all set:\n\n```tsx\n/* @jsx createElement */\n/* @jsxFrag Fragment */\n\nimport {\n  render,\n  useState,\n  useEffect,\n  createElement,\n  Fragment,\n  type FC,\n} from \"@rkrupinski/react\";\n\nconst App: FC = () =\u003e {\n  const [clicked, setClicked] = useState(0);\n\n  useEffect(() =\u003e {\n    console.log(`Clicked ${clicked} times`);\n  }, [clicked]);\n\n  return (\n    \u003c\u003e\n      \u003ch1\u003eHello!\u003c/h1\u003e\n      \u003cbutton\n        onClick={() =\u003e {\n          setClicked((c) =\u003e c + 1);\n        }}\n      \u003e\n        {clicked}\n      \u003c/button\u003e\n    \u003c/\u003e\n  );\n};\n\nconst root = document.querySelector(\"#root\") as HTMLElement;\n\nrender(\u003cApp /\u003e, root);\n```\n\n## Example\n\n- [Live](https://remarkable-rugelach-93aab7.netlify.app/)\n- [Source code](https://github.com/rkrupinski/react/tree/master/packages/example)\n\n## API\n\nRead about [React](https://react.dev/reference) first, then come back here 🙏.\n\n### JSX\n\n\u003ctable\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eName\u003c/th\u003e\n      \u003cth\u003eReact\u003c/th\u003e\n      \u003cth\u003eCaveats\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003ecreateElement\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://react.dev/reference/react/createElement\" target=\"_blank\"\u003ecreateElement\u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cul\u003e\n          \u003cli\u003eRequires custom \u003ca href=\"https://www.typescriptlang.org/tsconfig#jsxFactory\" target=\"_blank\"\u003epragma\u003c/a\u003e (\u003ccode\u003e/* @jsx createElement */\u003c/code\u003e).\u003c/li\u003e\n          \u003cli\u003eLimited to \u003cabbr title=\"HyperText Markup Language\"\u003eHTML\u003c/abbr\u003e elements (for the time being).\u003c/li\u003e\n          \u003cli\u003eWeakly (\u003ccode\u003eany\u003c/code\u003e) typed host elements (for the time being).\u003c/li\u003e\n        \u003c/ul\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003eFragment\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://react.dev/reference/react/Fragment\" target=\"_blank\"\u003eFragment\u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cul\u003e\n          \u003cli\u003eRequires custom \u003ca href=\"https://www.typescriptlang.org/tsconfig#jsxFactory\" target=\"_blank\"\u003epragma\u003c/a\u003e (\u003ccode\u003e/* @jsxFrag Fragment */\u003c/code\u003e).\u003c/li\u003e\n        \u003c/ul\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### Top-level API\n\n\u003ctable\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eName\u003c/th\u003e\n      \u003cth\u003eReact\u003c/th\u003e\n      \u003cth\u003eCaveats\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003erender\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://react.dev/reference/react-dom/render\" target=\"_blank\"\u003erender\u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cul\u003e\n          \u003cli\u003eNo third argument (\u003ccode\u003ecallback\u003c/code\u003e)\u003c/li\u003e\n          \u003cli\u003eNo concurrent mode\u003c/li\u003e\n          \u003cli\u003eOne root/app at a time (for the time being).\u003c/li\u003e\n        \u003c/ul\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003eunmountAt\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://react.dev/reference/react-dom/unmountComponentAtNode\" target=\"_blank\"\u003eunmountComponentAtNode\u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e-\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### Hooks\n\n\u003ctable\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eName\u003c/th\u003e\n      \u003cth\u003eReact\u003c/th\u003e\n      \u003cth\u003eCaveats\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003euseState\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://react.dev/reference/react/useState\" target=\"_blank\"\u003euseState\u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e-\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003euseMemo\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://react.dev/reference/react/useMemo\" target=\"_blank\"\u003euseMemo\u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e-\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003euseCallback\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://react.dev/reference/react/useCallback\" target=\"_blank\"\u003euseCallback\u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e-\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003euseEffect\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://react.dev/reference/react/useEffect\" target=\"_blank\"\u003euseEffect\u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e-\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frkrupinski%2Freact","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frkrupinski%2Freact","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frkrupinski%2Freact/lists"}