KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #developer-tools #ai-agent #claude-code #codex #typescript #ai-agents #deepseek-harness #mcp #cli #rust

7guis

★ 38 Open GitHub ↗

7Guis in React

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 7GUIs: A GUI Programming Benchmark - Implemented in plain React

[Take a look at the components](https://andrewgreenh.github.io/7guis/#/counter)

This repository contains code for the 7 tasks of the [7GUIS-Challange](http://eugenkiss.github.io/7guis/).
Each task folder contains a `discussion.md` file to talk about benefits and drawbacks of the provided solutions.

## Overall evaluation

Implementing this in plain React without any state-containers (like Redux or Mobx) has been really fun. For some tasks, small libraries had to be added to manage complex states or logics. Most of these libraries implement the observer pattern to connect the vanilla JS classes to the React Components.

## Tasks

* [Counter](https://github.com/andrewgreenh/7guis/blob/master/src/screens/counter/discussion.md)
* [Temperature Converter](https://github.com/andrewgreenh/7guis/blob/master/src/screens/temperature-converter/discussion.md)
* [Flight Booker](https://github.com/andrewgreenh/7guis/blob/master/src/screens/flight-booker/discussion.md)
* [Timer](https://github.com/andrewgreenh/7guis/blob/master/src/screens/timer/discussion.md)
* [CRUD](https://github.com/andrewgreenh/7guis/blob/master/src/screens/crud/discussion.md)
* [Circle Drawer](https://github.com/andrewgreenh/7guis/blob/master/src/screens/circle-drawer/discussion.md)
* [Cells](https://github.com/andrewgreenh/7guis/blob/master/src/screens/cells/discussion.md)

7guis

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README