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/
- Vite
- React
- Typescript
- TanStack Query
- TanStack Table
- shadcn/ui
- Tailwind
- Radix UI
Clone the repo:
git clone https://github.com/yusufff/github-repos.git
cd github-repos
Install the packages:
yarn install
Create the .env file and add your Github Access Token:
cp .env.example .env
Run the application:
yarn dev
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.
Simply put; faster development. If this was a real production project, I would probably use NextJS.
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.