githubber is a small sample app written in react-native
Alternatives To Githubber
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Next Auth19,9892129318 hours ago673November 28, 2023351iscTypeScript
Authentication for the Web.
Styled System7,7071,4002,2773 months ago149February 17, 2020237mitJavaScript
⬢ Style props for rapid UI development
3 days ago71gpl-3.0JavaScript
🚀 Software Developer Portfolio Template that helps you showcase your work and skills as a software developer.
2 months ago169agpl-3.0TypeScript
Apple Music...ish
Nextjs Auth01,8283232 days ago70November 13, 20235mitTypeScript
Next.js SDK for signing in with Auth0
React Google Login1,79986519810 months ago94January 04, 2021201mitJavaScript
A React Google Login Component
Vault Ui1,29915 years ago3October 04, 201750otherJavaScript
Vault-UI — A beautiful UI to manage your Vault, written in React
React Blog Github763
7 months ago32mitJavaScript
🔥 React + Github Issues 👉 Your Personal Blog
Storybook Design Token602372a month ago84November 09, 202341mitTypeScript
Display design token documentation generated from your stylesheets and icon files. Preview design token changes in the browser. Add your design tokens to your Storybook Docs pages using the custom Doc Blocks.
Design System Utils4156204 years ago30March 02, 201912mitTypeScript
👩‍🎨 Access your design tokens with ease
Alternatives To Githubber
Select To Compare

Alternative Project Comparisons

PRs Welcome License: MIT Code Style: airbnb


githubber is a small sample app written in react-native, which uses Github's GraphQL API as a backend and performs some basic queries and mutations using apollo-client.

Tech Stack

  • ⚛️ react-native
  • 🚀 apollo-client
  • 💅 styled-components
  • ✅ jest

Key Features

  • [x] Support for building native code
  • [x] Styling using styled-components
  • [x] In-app navigation/routing handled via react-navigation
    • creating a stack navigator
    • navigation between screens, passing parameters to routes
    • configuring the header bar
  • [x] Remote data managed using apollo-client
    • queries: get first 10 repositiories by language
    • mutations: star a repository
  • [x] Local data also managed by apollo-client using apollo-link-state
    • store user language selection in Apollo cache
  • [x] Offline support using apollo-cache-persist
    • language selection is persisted
    • repositories list can be viewed while offline
  • [ ] Unit tests with jest


This app was developed following the steps in the react-native docs - "Building projects with native code". Env setup:

  Node: 9.4.0
  Yarn: 1.3.2
  npm: 5.6.0
  Watchman: 4.9.0
  Xcode: 9.2/9C40b - /usr/bin/xcodebuild
  Android Studio: 3.2 AI-181.5540.7.32.5056338

Getting Started

To communicate with the GraphQL server, you'll need an OAuth token with the right scopes. Follow the steps in "Creating a personal access token for the command line" to create a token. After getting a token, follow these steps to start the app:

$ git clone
$ cd githubber && touch .env
$ echo "GITHUB_TOKEN=<your token here>" > .env
$ yarn install
$ yarn ios OR yarn android

Available Scripts

  • yarn ios - start the app in the iOS simulator
  • yarn android - start the app in the Android emulator
  • yarn lint - runs eslint checks + fixes
  • yarn test - runs available unit tests


Screen 1 Screen 2 Screen 3 Screen 4

Popular Reactjs Projects
Popular Token Projects
Popular Web User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Styled Components
Apollo Client
React Navigation