{"id":16485382,"url":"https://github.com/zaid-ajaj/fable-getting-started","last_synced_at":"2025-03-23T12:33:01.186Z","repository":{"id":39563549,"uuid":"151010274","full_name":"Zaid-Ajaj/fable-getting-started","owner":"Zaid-Ajaj","description":"Template for getting started with Fable","archived":false,"fork":false,"pushed_at":"2024-04-26T13:30:15.000Z","size":292,"stargazers_count":22,"open_issues_count":3,"forks_count":14,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-18T20:22:21.810Z","etag":null,"topics":["fable","fsharp","webpack"],"latest_commit_sha":null,"homepage":null,"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/Zaid-Ajaj.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}},"created_at":"2018-09-30T21:51:35.000Z","updated_at":"2024-10-21T04:04:10.000Z","dependencies_parsed_at":"2024-10-28T21:16:59.867Z","dependency_job_id":null,"html_url":"https://github.com/Zaid-Ajaj/fable-getting-started","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/Zaid-Ajaj%2Ffable-getting-started","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zaid-Ajaj%2Ffable-getting-started/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zaid-Ajaj%2Ffable-getting-started/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zaid-Ajaj%2Ffable-getting-started/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Zaid-Ajaj","download_url":"https://codeload.github.com/Zaid-Ajaj/fable-getting-started/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245104455,"owners_count":20561377,"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":["fable","fsharp","webpack"],"created_at":"2024-10-11T13:25:43.770Z","updated_at":"2025-03-23T12:33:01.154Z","avatar_url":"https://github.com/Zaid-Ajaj.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Fable Getting Started\n\nThis is the simplest Fable application you can make: it is a frontend web application with an empty page that writes `Hello from Fable` to the console.\n\nThis template is _not_ for production use and is only used to demonstrate Fable features in [The Elmish Book](https://github.com/Zaid-Ajaj/the-elmish-book)\n\nRequirements\n\n - [dotnet SDK](https://dotnet.microsoft.com/en-us/download) v6.0 or later\n - [Node.js](https://nodejs.org/en/) runtime\n\n### Installation\n\nTo compile the project, first you need to restore dotnet tools which bring it the Fable compiler\n```\ndotnet tool restore\n```\n\nThen run the following commands to install Node.js dependencies such as webpack and bundle the application\n\n```bash\nnpm install\nnpm run build\n```\n`npm install` will install dependencies from [npm](https://www.npmjs.com/) which is the Node.js equivalent of dotnet's Nuget registry. These dependencies include the Fable compiler itself as it is distributed to npm to make compilation workflow as simple as possible.\n\n`npm run build` is an alies for \"compile with Fable, then bundle with webpack\" \n\nAfter `npm run build` finished running, the generated javascript will be bundled in a single file called `main.js` located in the `dist` directory along with an existing `index.html` page that references that script file.\n\n### Development mode\n\nWhile developing the application, you don't want to recompile the application every time you make a change. Instead of that, you can start the compilation process in development mode which will watch changes you make in the file and re-compile automatically really fast:\n```bash\nnpm install\nnpm start\n```\n\nIf you already ran `npm install` then you don't need to run it again. `npm start` will start the developement mode by invoking `webpack-dev-server`: the webpack development server that starts a lightweight local server at http://localhost:8080 from which the server will serve the client application\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzaid-ajaj%2Ffable-getting-started","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzaid-ajaj%2Ffable-getting-started","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzaid-ajaj%2Ffable-getting-started/lists"}