mhakash / helloui

🎁 The Hello World app for UI development. React, Vue, Svelte, Redux, XState, Recoil and co.

HelloUI

The minimal hello world app for UI development. React, Vue, Svelte, Redux, XState, Recoil and co.

Summary

• 🎉 A simple web application
• ⚡ Implement via React, Vue, Svelte, Redux, Recoil, XState etc.
• 🔨 Compare solved solutions across different technologies
• 🚀 Simple, yet effective for learning and teaching

About

💭 Think Hello world for UI development.

• The hello world app is designed to be simple.
• It demands that the core web technologies be employed i.e HTML, CSS & JS
• While the app may be implemented via different flavours of the core web technologies; Markup, Style and Interactivity will be demanded.

Requirements

The simple requirements is illustrated below:

Assets

All assets live in the assets directory on the master branch

Usage

• 🔆 Clone the repo: git clone https://github.com/ohansemmanuel/HelloUI.git
• 👀 Change directory: cd HelloUI
• 🧠 Run the application: npm start or yarn start
• 💤 Go on and refactor the core vanilla JS app to use whatever UI technology!

Solution

Each solution/implementation lives in the solutions directory e.g. to view the react hello-world solution, visit solutions/react NB: Check each solution's README file for info and notes on the solution.

Existing solutions include:

• Vanilla JS
• React
• Recoil
• Vue
• Svelte
• React + Redux
• React + XState

Contributing

Check the CONTRIBUTING file for more information about this project and how to help.

Support

Support HelloUI by saying hello :)

License

Licensed under the MIT License by Ohans Emmanuel