/hello-worlds

Hello world apps for angular, react, svelte, and vue

Primary LanguageTypeScriptMIT LicenseMIT

hello-worlds

All 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 <tech-name>
  • add yourself using the all-contributors bot @allcontributors please add @<your-github-account> 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 <your-folder-to-serve> works
  • verify that a Pull Request doesnt already exist. If it does, feel free to contribue to it.

See existing samples for the idea ...

Deploy to Azure button

Projects are listed alphabetically.

Project Build steps Serve this folder Folder
Alpine.js / alpine
Angular.js / angularjs
Angular npm run build -- --prod dist/hello angular
Angular Universal npm run prerender dist/hello/browser angular-universal
Aurelia npm run build dist aurelia
Babylon.js / babylonjs
Backbone.js / backbone
Blazor Install .NET SDK then dotnet build / blazor
Elm npm run build public elm
Ember npm run build dist ember
Flutter Install Flutter SDK then flutter build web build/web flutter
Gatsby npm run build public gatsby
Glimmer npm run build dist glimmer
Gridsome npm run build dist gridsome
HTML / html
Hugo npm run build public hugo
Hyperapp (uses CDN) / hyperapp
Ionic Angular npm run build -- --prod www ionic-angular
Ionic React npm run build build ionic-react
JavaScript / javascript
jQuery (uses CDN) / jquery
KnockoutJS npm run build dist knockoutjs
LitElement npm run build dist lit-element
Marko npm run build public marko
Meteor npm run build bundle meteor
Mithril npm run build dist mithril
Next.js npm run build out nextjs
Nuxt.js npm run generate dist nuxtjs
Polymer npm run build build/default polymer
Preact npm run build build preact
React npm run build build react
Riot npm run build dist riot
Scully npm run build -- --prod dist/hello scully
Stencil npm run build www stencil
Svelte npm run build public svelte
Three.js / threejs
TypeScript npm run build dist typescript
Vue npm run build dist vue
VuePress npm run build dist vuepress

Resources

Azure Static Web Apps

Contributors ✨

Thanks goes to these wonderful people (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 specification. Contributions of any kind welcome!