{"id":18224887,"url":"https://github.com/mrdotb/live_react","last_synced_at":"2025-05-16T03:07:27.594Z","repository":{"id":245931403,"uuid":"819505234","full_name":"mrdotb/live_react","owner":"mrdotb","description":"✨ React inside Phoenix LiveView with seamless end-to-end reactivity","archived":false,"fork":false,"pushed_at":"2025-05-04T19:38:25.000Z","size":299,"stargazers_count":174,"open_issues_count":7,"forks_count":16,"subscribers_count":6,"default_branch":"main","last_synced_at":"2025-05-09T19:12:35.799Z","etag":null,"topics":["liveview","react"],"latest_commit_sha":null,"homepage":"https://live-react-examples.fly.dev/simple","language":"Elixir","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/mrdotb.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","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":"2024-06-24T16:30:34.000Z","updated_at":"2025-05-07T09:45:34.000Z","dependencies_parsed_at":"2024-06-24T22:20:07.451Z","dependency_job_id":"5aaad8ef-4300-422b-ac7e-70d9cc29f235","html_url":"https://github.com/mrdotb/live_react","commit_stats":null,"previous_names":["mrdotb/live_react"],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrdotb%2Flive_react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrdotb%2Flive_react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrdotb%2Flive_react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrdotb%2Flive_react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mrdotb","download_url":"https://codeload.github.com/mrdotb/live_react/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254459088,"owners_count":22074605,"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":["liveview","react"],"created_at":"2024-11-04T02:04:41.651Z","updated_at":"2025-05-16T03:07:22.559Z","avatar_url":"https://github.com/mrdotb.png","language":"Elixir","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![Github CI](https://github.com/mrdotb/live_react/workflows/Tests/badge.svg)](https://github.com/mrdotb/live_react/actions)\n[![Hex.pm](https://img.shields.io/hexpm/v/live_react.svg)](https://hex.pm/packages/live_react)\n[![Hexdocs.pm](https://img.shields.io/badge/docs-hexdocs.pm-purple)](https://hexdocs.pm/live_react)\n[![GitHub](https://img.shields.io/github/stars/mrdotb/live_react?style=social)](https://github.com/mrdotb/live_react)\n\n# LiveReact\n\nReact inside Phoenix LiveView.\n\n![logo](https://github.com/mrdotb/live_react/blob/main/logo.svg?raw=true)\n\n## Features\n\n- ⚡ **End-To-End Reactivity** with LiveView\n- 🔋 **Server-Side Rendered** (SSR) React\n- 🦄 **Tailwind** Support\n- 💀 **Dead View** Support\n- 🐌 **Lazy-loading** React Components\n- 🦥 **Slot** Interoperability\n- 🚀 **Amazing DX** with Vite\n\n## Resources\n\n- [Demo](https://live-react-examples.fly.dev/simple)\n- [HexDocs](https://hexdocs.pm/live_react)\n- [HexPackage](https://hex.pm/packages/live_react)\n- [Phoenix LiveView](https://github.com/phoenixframework/phoenix_live_view)\n- [Installation](/guides/installation.md)\n- [Deployment](/guides/deployment.md)\n- [Development](/guides/development.md)\n- [SSR](/guides/ssr.md)\n\n## Example\n\nVisit the [demo website](https://live-react-examples.fly.dev/simple) to see examples of what you can do with LiveReact.\n\nYou can also check out the [PhoenixAnalytics project](https://github.com/lalabuy948/PhoenixAnalytics) for a real-world example.\n\n## Why LiveReact\n\nPhoenix LiveView enables rich, real-time user experiences with server-rendered HTML.\nIt works by communicating any state changes through a websocket and updating the DOM in realtime.\nYou can get a really good user experience without ever needing to write any client side code.\n\nLiveReact builds on top of Phoenix LiveView to allow for easy client side state management while still allowing for communication over the websocket.\n\n## Installation\n\nsee [Installation](/guides/installation.md)\n\n## Roadmap 🎯\n\n- [ ] `useLiveForm` - an utility to efforlessly use Ecto changesets \u0026 server-side validation, similar to HEEX\n- [ ] Add support for Phoenix streams as props\n\n## Credits\n\nI was inspired by the following libraries:\n\n- [LiveVue](https://github.com/Valian/live_vue)\n- [LiveSvelte](https://github.com/woutdp/live_svelte)\n\nI had a need for a similar library for React and so I created LiveReact 👍\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrdotb%2Flive_react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmrdotb%2Flive_react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrdotb%2Flive_react/lists"}