Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yusufff/github-repos
Search repos on GitHub for your favorite languages, and sort them by stars, forks or last update date.
https://github.com/yusufff/github-repos
react shadcn-ui tanstack-query typescript vite
Last synced: about 1 month ago
JSON representation
Search repos on GitHub for your favorite languages, and sort them by stars, forks or last update date.
- Host: GitHub
- URL: https://github.com/yusufff/github-repos
- Owner: yusufff
- Created: 2023-12-25T00:36:30.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-01-02T10:51:50.000Z (about 1 year ago)
- Last Synced: 2024-01-02T11:47:47.212Z (about 1 year ago)
- Topics: react, shadcn-ui, tanstack-query, typescript, vite
- Language: TypeScript
- Homepage: https://github-repos-ui.vercel.app
- Size: 127 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# GitHub Repo Search
Search repos on GitHub for your favorite languages, and sort them by stars, forks or last update date.
Try it out: https://github-repos-ui.vercel.app/
## Tech Stack
- Vite
- React
- Typescript
- TanStack Query
- TanStack Table
- shadcn/ui
- Tailwind
- Radix UI
## How to run it?
Clone the repo:
```bash
git clone https://github.com/yusufff/github-repos.git
cd github-repos
```
Install the packages:
```bash
yarn install
```
Create the .env file and add your [Github Access Token](https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/managing-your-personal-access-tokens#creating-a-fine-grained-personal-access-token):
```bash
cp .env.example .env
```
Run the application:
```bash
yarn dev
```
## FAQ
### Why TanStack Query and not something like Redux?
> The purpose of this application is to display the server-side data. Pagination, sorting, filtering, all of that are done on the server-side. For this type of applications, we don't need to manage the client-side state ourselves. Infact, to avoid unnecessary overhead, we shouldn't. TanStack Query is of the best solutions for this kind of state management. Alternatives are SWR or RTK Query.
### Why Vite and not something like NextJS?
> Simply put; faster development. If this was a real production project, I would probably use NextJS.
### Why shadcn/ui and not something like Mantine?
> Fully featured component libraries like Mantine, MUI, and Bootstrap are great when you want to try something, don't really care about owning the design, and will throw it away after you are done. I'm not particularly eager to use them because I care about owning the design and shadcn/ui is an amazing solution for good predefined design and infinite extensibility.