https://github.com/ashkyd/ui95

🖥 WIP: A preact implementation of Windows 95/98/ME style components and apps. See it in action on my personal site at https://ash.ms
https://github.com/ashkyd/ui95

Last synced: about 1 month ago
JSON representation

🖥 WIP: A preact implementation of Windows 95/98/ME style components and apps. See it in action on my personal site at https://ash.ms

• Host: GitHub
• URL: https://github.com/ashkyd/ui95
• Owner: AshKyd
• License: isc
• Created: 2019-01-12T17:33:23.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-15T12:30:23.000Z (almost 2 years ago)
• Last Synced: 2024-11-04T19:41:37.073Z (about 2 months ago)
• Language: JavaScript
• Homepage: http://ui95.ash.ms/
• Size: 16.2 MB
• Stars: 209
• Watchers: 4
• Forks: 23
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
A preact implementation of Windows 95/98 style components and apps. It's a very specific implementation, and probably isn't suitable for your use case.

[👉 Read the docs 👉](https://ui95.ash.ms/)

[![preview desktop](docs/example.png)](https://ui95.ash.ms/)

# Developing

There are three separate projects:

1. Storybook for component development (`npm start`)

1. Docs (`npm run watch-docs`)

1. Example app (`npm run watch-example`)

The final build is automated by `npm run build` when deployed to Netlify.

# Lessons learned

1. React isn't super great for realtime apps. Window management in particular is handled directly in DOM to prevent windows rerendering on every mouse move.

1. This took a fair while to implement, and toward the end I got a little lazy with prop drilling. Windows have far too many dependencies and could benefit from a simpler API.