{"id":20075924,"url":"https://github.com/data-miner00/starker-regen","last_synced_at":"2026-04-13T19:32:24.254Z","repository":{"id":233685868,"uuid":"614845140","full_name":"data-miner00/starker-regen","owner":"data-miner00","description":"An experimental React template with F#","archived":false,"fork":false,"pushed_at":"2023-09-23T01:50:19.000Z","size":949,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-13T00:49:19.311Z","etag":null,"topics":["esbuild","fsharp","javascript","react","tailwindcss"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/data-miner00.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}},"created_at":"2023-03-16T12:46:24.000Z","updated_at":"2023-03-16T12:53:20.000Z","dependencies_parsed_at":"2024-04-17T04:56:05.721Z","dependency_job_id":"b2589767-c558-47d5-9056-c92aee431f22","html_url":"https://github.com/data-miner00/starker-regen","commit_stats":null,"previous_names":["data-miner00/starker-regen"],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/data-miner00%2Fstarker-regen","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/data-miner00%2Fstarker-regen/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/data-miner00%2Fstarker-regen/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/data-miner00%2Fstarker-regen/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/data-miner00","download_url":"https://codeload.github.com/data-miner00/starker-regen/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241509624,"owners_count":19974070,"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":["esbuild","fsharp","javascript","react","tailwindcss"],"created_at":"2024-11-13T15:00:53.151Z","updated_at":"2026-04-13T19:32:19.211Z","avatar_url":"https://github.com/data-miner00.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003c!-- PROJECT SHIELDS --\u003e\n\n[![Contributors][contributors-shield]][contributors-url]\n[![Forks][forks-shield]][forks-url]\n[![Stargazers][stars-shield]][stars-url]\n[![Issues][issues-shield]][issues-url]\n[![MIT License][license-shield]][license-url]\n\n\u003c!-- PROJECT LOGO --\u003e\n\u003cbr /\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"/\"\u003e\n    \u003cimg src=\"public/assets/fsharp-react.png\" /\u003e\n  \u003c/a\u003e\n\n  \u003ch3 align=\"center\"\u003eStarker Regen\u003c/h3\u003e\n\n  \u003cp align=\"center\"\u003e\n    An experimental and minimal React template with F#.\n    \u003cbr /\u003e\n    \u003ca href=\"https://github.com/data-miner00/starker-regen\"\u003e\u003cstrong\u003eExplore the docs »\u003c/strong\u003e\u003c/a\u003e\n    \u003cbr /\u003e\n    \u003cbr /\u003e\n    \u003ca href=\"https://github.com/data-miner00/starker-regen\"\u003eView Demo\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/data-miner00/starker-regen/issues\"\u003eReport Bug\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/data-miner00/starker-regen/issues\"\u003eRequest Feature\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\u003cdetails\u003e\n  \u003csummary\u003eTable of Contents\u003c/summary\u003e\n  \u003col\u003e\n    \u003cli\u003e\n      \u003ca href=\"#about-the-project\"\u003eAbout The Project\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#built-with\"\u003eBuilt With\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#design\"\u003eDesign\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#getting-started\"\u003eGetting Started\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#prerequisites\"\u003ePrerequisites\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#installation\"\u003eInstallation\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#usage\"\u003eUsage\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#roadmap\"\u003eRoadmap\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#contributing\"\u003eContributing\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#license\"\u003eLicense\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#acknowledgments\"\u003eAcknowledgments\u003c/a\u003e\u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n\u003c!-- ABOUT THE PROJECT --\u003e\n\n## About The Project\n\n![Template screenshot](/public/assets/screenshot.png)\n\nAn extremely opinionated template for building React applications with F#. This template allows users to focus on the application itself rather than all these low-level configuration stuff.\n\nIncentives:\n\n- Wanted to try out F#, Fable and Feliz\n- Buitl this React template so I can use it for other projects.\n\nOf course, no one template will serve all projects since your needs may be different. So I'll be adding more in the near future. You may also suggest changes by forking this repo and creating a pull request or opening an issue. Thanks to all the people who have contributed to expanding this template!\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n### Built With\n\nThe technologies and tools used within this template.\n\n- React\n- Esbuild\n- F#\n- JavaScript\n- Fable\n- Feliz\n- TailwindCSS\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- DESIGN --\u003e\n\n### Design\n\nThe template uses **Feliz** and **Fable** to transpile the F# source files into plain JavaScript files that are later bundled with **esbuild** into the `public/dist` folder. **Tailwind CSS** will scan for classes used in the F# source file with its JIT compilation feature.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- GETTING STARTED --\u003e\n\n## Getting Started\n\n### Prerequisites\n\nThe list of tools that are used when development.\n\n- npm\n  ```sh\n  npm install npm@latest -g\n  ```\n- Pnpm\n  ```sh\n  npm i -g pnpm\n  ```\n- [.NET CLI](https://dotnet.microsoft.com/en-us/download)\n- [Git](https://git-scm.com/downloads)\n\n### Installation\n\n_To use this template for personal use or contribution, simply perform the following._ A total of **2 terminals** are required to get 3 of the core components of application up and running for development. However, it is possible to start all the necessary processes with one terminal by using `pnpm dev` as shown on step 4.\n\n1. Clone the repo\n   ```sh\n   git clone https://github.com/data-miner00/starker-regen.git\n   ```\n2. Install Node dependencies\n   ```sh\n   pnpm i\n   ```\n3. Optionally update the dependencies\n   ```sh\n   pnpm up --latest\n   ```\n4. Start Fable, Esbuild, Tailwind JIT and local dev server concurrently. Skip 5, 6\n   ```sh\n   pnpm dev\n   ```\n5. Start Fable Compiler and Esbuild (requires 1 terminal)\n   ```sh\n   pnpm watch:fb\n   ```\n6. Start Tailwind JIT (requires 1 terminal)\n   ```sh\n   pnpm watch:tw\n   ```\n7. Compile for production\n   ```sh\n   pnpm build\n   ```\n8. Purge dist folder\n   ```sh\n   pnpm purge\n   ```\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ROADMAP --\u003e\n\n## Roadmap\n\n- [ ] Elmish Routing\n- [ ] Data-driven template\n- [ ] Interop showcase\n- [ ] Fetching data\n- [ ] 404 Page\n\nSee the [open issues](https://github.com/data-miner00/starker-regen/issues) for a full list of proposed features (and known issues).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- CONTRIBUTING --\u003e\n\n## Contributing\n\nContributions are what makes the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.\n\nIf you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag \"enhancement\".\nDon't forget to give the project a star! Thanks again!\n\n1. Fork the Project\n2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the Branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LICENSE --\u003e\n\n## License\n\nDistributed under the MIT License. See `LICENSE` for more information.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGMENTS --\u003e\n\n## Acknowledgments\n\nList of resources that are helpful and would like to give credit to.\n\n- [Feliz](https://zaid-ajaj.github.io/Feliz/#/)\n- [Elmish Navigation with Feliz.Router](https://www.compositional-it.com/news-blog/elmish-navigation-with-feliz-router/)\n- [The Elmish Book](https://zaid-ajaj.github.io/the-elmish-book/#/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- MARKDOWN LINKS \u0026 IMAGES --\u003e\n\n[contributors-shield]: https://img.shields.io/github/contributors/data-miner00/starker-regen.svg?style=for-the-badge\n[contributors-url]: https://github.com/data-miner00/starker-regen/graphs/contributors\n[forks-shield]: https://img.shields.io/github/forks/data-miner00/starker-regen.svg?style=for-the-badge\n[forks-url]: https://github.com/data-miner00/starker-regen/network/members\n[stars-shield]: https://img.shields.io/github/stars/data-miner00/starker-regen.svg?style=for-the-badge\n[stars-url]: https://github.com/data-miner00/starker-regen/stargazers\n[issues-shield]: https://img.shields.io/github/issues/data-miner00/starker-regen.svg?style=for-the-badge\n[issues-url]: https://github.com/data-miner00/starker-regen/issues\n[license-shield]: https://img.shields.io/github/license/data-miner00/starker-regen.svg?style=for-the-badge\n[license-url]: https://github.com/data-miner00/starker-regen/blob/master/LICENSE.txt\n[product-screenshot]: images/screenshot.png\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdata-miner00%2Fstarker-regen","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdata-miner00%2Fstarker-regen","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdata-miner00%2Fstarker-regen/lists"}