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