HelloUI

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

Summary

• :tada: A simple web application
• :zap: Implement via React, Vue, Svelte, Redux, Recoil, XState etc.
• :hammer: Compare solved solutions across different technologies
• :rocket: Simple, yet effective for learning and teaching

About

:thought_balloon: 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

• :high_brightness: Clone the repo: git clone https://github.com/ohansemmanuel/HelloUI.git
• :eyes: Change directory: cd HelloUI
• :brain: Run the application: npm start or yarn start
• :zzz: 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