Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/johnpapa/hello-worlds
Hello world apps for angular, react, svelte, and vue
https://github.com/johnpapa/hello-worlds
angular angularjs javascript react reactjs svelte sveltejs typescript vue vuejs
Last synced: about 1 month ago
JSON representation
Hello world apps for angular, react, svelte, and vue
- Host: GitHub
- URL: https://github.com/johnpapa/hello-worlds
- Owner: johnpapa
- License: mit
- Created: 2020-04-09T15:24:30.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2024-03-14T03:55:13.000Z (8 months ago)
- Last Synced: 2024-09-29T12:04:10.717Z (about 1 month ago)
- Topics: angular, angularjs, javascript, react, reactjs, svelte, sveltejs, typescript, vue, vuejs
- Language: TypeScript
- Homepage: https://hello-worlds.vercel.app
- Size: 10.1 MB
- Stars: 128
- Watchers: 6
- Forks: 74
- Open Issues: 181
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# hello-worlds
[](#contributors)
Hello World apps for JavaScript/HTML/CSS libraries/frameworks!
Assumptions:
- [ ] only the most simple basic hello world app
- [ ] remove all tests and commands for tests and dependencies for tests
- [ ] must say "Hello World" on the main component
- [ ] only include the minimal components (1 ideally)
- [ ] no routing, not extras whatsoever
- [ ] no styling
- [ ] nothing else !
- [ ] must work by running `npm install` and `npm start` (or equivalent)
- [ ] must be in the folder named ``
- [ ] add yourself using the all-contributors bot `@allcontributors please add @ for code`
- [ ] add build steps and which folder to serve in the README.md
- [ ] verify that the app once built can be served from whatever folder the built assets are placed in
- [ ] verify that running `npx http-server ` works
- [ ] verify that a Pull Request doesnt already exist. If it does, feel free to contribue to it.
See existing samples for the idea ...
[](https://portal.azure.com/?feature.customportal=false&WT.mc_id=javascript-0000-jopapa#create/Microsoft.StaticApp)
Projects are listed alphabetically.
| Project | Build steps | Serve this folder | Folder |
| ------------------------------------------------------------------ | --------------------------------------------- | -------------------- | ----------------- |
| [Alpine.js](https://github.com/alpinejs/alpine/) | | `/` | alpine |
| [Angular.js](https://angularjs.org/) | | `/` | angularjs |
| [Angular](https://angular.io/) | `npm run build -- --prod` | `dist/hello` | angular |
| [Angular Universal](https://angular.io/guide/universal) | `npm run prerender` | `dist/hello/browser` | angular-universal |
| [Aurelia](https://aurelia.io/) | `npm run build` | `dist` | aurelia |
| [Babylon.js](https://www.babylonjs.com/) | | `/` | babylonjs |
| [Backbone.js](https://backbonejs.org/) | | `/` | backbone |
| [Blazor](https://blazor.net/) | Install .NET SDK then `dotnet build` | `/` | blazor |
| [Elm](https://elm-lang.org/) | `npm run build` | `public` | elm |
| [Ember](https://emberjs.com/) | `npm run build` | `dist` | ember |
| [Flutter](https://flutter.dev/) | Install Flutter SDK then `flutter build web` | `build/web` | flutter |
| [Gatsby](https://www.gatsbyjs.org/) | `npm run build` | `public` | gatsby |
| [Glimmer](https://glimmerjs.com/) | `npm run build` | `dist` | glimmer |
| [Gridsome](https://gridsome.org/) | `npm run build` | `dist` | gridsome |
| [HTML](https://developer.mozilla.org/docs/Web/HTML) | | `/` | html |
| [Hugo](https://gohugo.io/) | `npm run build` | `public` | hugo |
| [Hyperapp](https://hyperapp.dev/) | (uses CDN) | `/` | hyperapp |
| [Ionic Angular](https://ionicframework.com/docs/angular/overview) | `npm run build -- --prod` | `www` | ionic-angular |
| [Ionic React](https://ionicframework.com/docs/react) | `npm run build` | `build` | ionic-react |
| [JavaScript](https://developer.mozilla.org/docs/Web/javascript) | | `/` | javascript |
| [jQuery](https://jquery.com/) | (uses CDN) | `/` | jquery |
| [KnockoutJS](https://knockoutjs.com/) | `npm run build` | `dist` | knockoutjs |
| [LitElement](https://lit-element.polymer-project.org/) | `npm run build` | `dist` | lit-element |
| [Marko](https://markojs.com/) | `npm run build` | `public` | marko |
| [Meteor](https://www.meteor.com/) | `npm run build` | `bundle` | meteor |
| [Mithril](https://mithril.js.org/) | `npm run build` | `dist` | mithril |
| [Next.js](https://nextjs.org/) | `npm run build` | `out` | nextjs |
| [Nuxt.js](https://nuxtjs.org/) | `npm run generate` | `dist` | nuxtjs |
| [Polymer](https://www.polymer-project.org/) | `npm run build` | `build/default` | polymer |
| [Preact](https://preactjs.com/) | `npm run build` | `build` | preact |
| [React](https://reactjs.org/) | `npm run build` | `build` | react |
| [Riot](https://riot.js.org/) | `npm run build` | `dist` | riot |
| [Scully](https://github.com/scullyio/scully) | `npm run build -- --prod` | `dist/hello` | scully |
| [Stencil](https://stenciljs.com/) | `npm run build` | `www` | stencil |
| [Svelte](https://svelte.dev/) | `npm run build` | `public` | svelte |
| [Three.js](https://threejs.org/) | | `/` | threejs |
| [TypeScript](https://www.typescriptlang.org/) | `npm run build` | `dist` | typescript |
| [Vue](http://vuejs.com/) | `npm run build` | `dist` | vue |
| [VuePress](https://vuepress.vuejs.org/) | `npm run build` | `dist` | vuepress |
## Resources
- [Azure Free Trial](https://azure.microsoft.com/free/?WT.mc_id=javascript-0000-jopapa)
- [VS Code](https://code.visualstudio.com/?WT.mc_id=javascript-0000-jopapa)
### Azure Static Web Apps
- Learn how to [Publish an Angular, React, Svelte, or Vue JavaScript app and API with Azure Static Web Apps](https://docs.microsoft.com/learn/modules/publish-app-service-static-web-app-api?WT.mc_id=javascript-0000-jopapa)
- [API support in Azure Static Web Apps](https://docs.microsoft.com/azure/static-web-apps/apis?WT.mc_id=javascript-0000-jopapa)
- [Add an API to Azure Static Web Apps](https://docs.microsoft.com/azure/static-web-apps/add-api?WT.mc_id=javascript-0000-jopapa)
- [Authentication and authorization](https://docs.microsoft.com/azure/static-web-apps/authentication-authorization?WT.mc_id=javascript-0000-jopapa)
- [Routes](https://docs.microsoft.com/azure/static-web-apps/routes?WT.mc_id=javascript-0000-jopapa)
- [Review pre-production environments](https://docs.microsoft.com/azure/static-web-apps/review-publish-pull-requests?WT.mc_id=javascript-0000-jopapa)
## Contributors ✨
Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
John Papa
💻
LB
💻
Simeon Udoh
💻
Sivamuthu Kumar
💻
Matias Kohan
💻
Duraimurugan
💻
Yohan Lasorsa
💻
Wassim Chegham
💻
Sander Melnikov
💻
Udhayakumar Govindarajan
📖
Afif Alfiano
💻
Gil Creque
💻
afflexux
💻
allcontributors[bot]
📖
Bertrand Tchoumkeu
💻
Maxim Salnikov
💻
Rares Golea
💻
Brian Swank
💻
Hugo
💻
Noël Macé
💻
Jesse M. Holmes
💻
Carlos G. Rodriguez
💻
Zacharias Enochsson
💻
Bismo Baruno
💻
Filippo Gualandi
💻
Mike Hartington
💻
aelgasser
💻
Cezar Sîrbu
💻
Nicoss54
💻
Yonet
💻
This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!