explaingit

devhubapp/devhub

10,083TypeScriptAudience · developerComplexity · 3/5Setup · moderate

TLDR

DevHub is a TweetDeck-style app for managing GitHub notifications and activity across Android, iOS, web, and desktop from a single shared codebase.

Mindmap

mindmap
  root((DevHub))
    What it does
      GitHub notifications
      Multi-column view
      Inbox-style workflow
    Tech Stack
      TypeScript
      React Native
      React Native Web
    Features
      Persistent filters
      Keyboard shortcuts
      Six themes
    Platforms
      Android and iOS
      Web and desktop
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Set up multiple side-by-side columns each showing a different GitHub notification stream with its own persistent filters.

USE CASE 2

Track repository activity or another user's commits without enabling GitHub's built-in watch or follow, which floods your inbox.

USE CASE 3

Save individual notifications for later and work through them keyboard-first like an email inbox.

USE CASE 4

Follow release notes and pull request status in context before opening each notification.

Tech stack

TypeScriptReact NativeReact Native Web

Getting it running

Difficulty · moderate Time to first run · 30min

Requires a GitHub OAuth app for local development, configure credentials before running.

In plain English

DevHub is an app for managing GitHub notifications and keeping up with repository activity. It runs on Android, iOS, web browsers, and desktop (macOS, Windows, Linux) using a single shared codebase built with React Native and React Native Web, which means 95% or more of the code runs across all those platforms unchanged. The interface is inspired by TweetDeck: you can set up multiple columns side by side, each showing a different stream of notifications or activity. Each column can have its own set of filters, so you can narrow down what appears without affecting other columns. A saved search or filter persists between sessions. You can mark a column as done, clearing it the same way you would an email inbox. The notifications panel shows you the relevant context before you open a notification: comment content, issue or pull request status, and release notes. Rather than using GitHub's built-in watch feature (which floods your notifications), DevHub lets you follow repository activity separately. You can also track another user's activity (commits, issue comments, etc.) without using the follow button. Other features include saving individual notifications or events for later, keyboard shortcuts for most actions, and six themes covering both light and dark modes with automatic detection of the system preference. The app is available as a free web app at devhubapp.com and as installable apps on the App Store and Play Store. Desktop versions are available through GitHub releases or Homebrew on macOS. The source code is open and hosted on GitHub.

Copy-paste prompts

Prompt 1
Using DevHub's codebase, show me how to add a new column type that filters GitHub pull requests by a specific label.
Prompt 2
How does DevHub share over 95% of code across Android, iOS, web, and desktop using React Native Web? Walk me through the key architecture decisions.
Prompt 3
In DevHub, write a notification filter that shows only mentions in repositories I own and hides all bot comments.
Prompt 4
How do I run DevHub locally and add a seventh theme to the existing light and dark mode options?
Open on GitHub → Explain another repo

← devhubapp on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.