React, Tremor & Tailwind – Coder Stats via GitHub API

Xin chào các Coder!

Bài viết này đề cập đến một mẫu nguồn mở trình bày số liệu thống kê của nhà phát triển được lấy từ API miễn phí của GitHub và trình bày thông tin bằng cách sử dụng Phản ứng & Run rẩy Thư viện. Cảm ơn vì đã đọc!

Quy trình khá đơn giản: Người dùng nhập tên người dùng của họ, thông tin được lấy từ GitHub và các biểu đồ được hiển thị. Đối với người mới, Tremor là một ngăn xếp hiện đại được xây dựng trên Tailwind và ReCharts, tập trung chủ yếu vào các nhà khoa học và nhà phát triển phát triển các sản phẩm bảng điều khiển và phân tích.

Sản phẩm có thể được sử dụng bởi bất kỳ ai đã cài đặt phiên bản NodeJS phù hợp trong máy trạm. Sau khi các nguồn được lưu cục bộ, dự án có thể được bắt đầu dễ dàng.

$ git clone https://github.com/app-generator/sample-tremor-github-charts.git
$ cd sample-tremor-github-charts
$
$ yarn       
$ yarn start 

✨ Run là gì

Tremor là thư viện thành phần giao diện người dùng cấp thấp, được đánh giá cao để xây dựng trang tổng quan. Nó cung cấp các thành phần, chẳng hạn như biểu đồ, bố cục hoặc thành phần đầu vào, bao gồm các phần thiết yếu của bảng điều khiển hoặc giao diện phân tích.

Cách tiếp cận của họ cung cấp sự linh hoạt giữa các giá trị mặc định đẹp mắt và khả năng tùy chỉnh nhanh chóng. Cách tốt nhất để bắt đầu là kiểm tra các mẫu của chúng tôi, được gọi là Khối, để có cảm giác về cách các thành phần được sử dụng và kết hợp.

Thanks for reading! Để biết thêm tài nguyên và hỗ trợ, vui lòng truy cập:

• 🚀 Miễn phí hỗ trợ được cung cấp bởi AppSeed (email & Discord)
• 👉 Thêm ứng dụng miễn phí được làm thủ công bằng Flask, Django và Phản ứng