yonisaka/hello-worlds

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

hello-worlds

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 ...

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
Backbone.js		/	backbone
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
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 Free Trial
• VS Code

Azure Static Web Apps

• Learn how to Publish an Angular, React, Svelte, or Vue JavaScript app and API with Azure Static Web Apps
• API support in Azure Static Web Apps
• Add an API to Azure Static Web Apps
• Authentication and authorization
• Routes
• Review pre-production environments

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 💻

This project follows the all-contributors specification. Contributions of any kind welcome!