https://github.com/ohansemmanuel/HelloUI

🎁 The Hello World app for UI development. React, Vue, Svelte, Redux, XState, Recoil and co.
https://github.com/ohansemmanuel/HelloUI

reactjs redux

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/ohansemmanuel/HelloUI
• Owner: ohansemmanuel
• Created: 2018-05-22T08:23:17.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T13:20:23.000Z (over 1 year ago)
• Last Synced: 2024-06-03T02:36:16.782Z (4 months ago)
• Topics: reactjs, redux
• Language: JavaScript
• Homepage:
• Size: 10.8 MB
• Stars: 72
• Watchers: 5
• Forks: 150
• Open Issues: 67
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


	

		

	



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:

- [x] Vanilla JS

- [x] React

- [x] Recoil

- [ ] Vue

- [ ] Svelte

- [x] React + Redux

- [ ] React + XState

### Contributing

Check the [CONTRIBUTING](/CONTRIBUTING.md) file for more information about this project and how to help.

### Support

Support HelloUI by [saying hello](https://twitter.com/ohansemmanuel?lang=en) :)

### License

Licensed under the MIT License by [Ohans Emmanuel](https://www.ohansemmanuel.com/)