用 React 编写一个 Github

最新推荐文章于 2023-08-05 13:44:13 发布
最新推荐文章于 2023-08-05 13:44:13 发布
阅读量273 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://juejin.im/post/5d005e80e51d45108126d21f
版权

预览地址：wokeyi.github.io/react-githu…

项目地址：github.com/wokeyi/reac…

  • TypeScript 编写
  • CSS Modules
  • 大量运用了 Hooks
  • 仓库信息和文件信息展示
  • 用户信息展示
  • 支持自定义主题
  • 等等...

默认主题样式：

自定义主题样式：

? 随手点个 star

如果有问题，欢迎提 issue ?

转载于:https://juejin.im/post/5d005e80e51d45108126d21f

weixin_34099526
关注
react-github案例
weixin_57218747的博客
06-10 798
github案例 一 react脚手架配置代理_方法一 需要理解的概念有： axios模块的安装与使用 什么是跨域 跨域的解决方案有哪些 proxy的限制有什么 https://cra.docschina.org/docs/proxying-api-requests-in-development 测试代理服务器项目：http://qn.chinavanes.com/test_proxy_server.zip 在package.json中追加如下配置 "proxy":"http://localhost
资源：成为React大师的20个GitHub库
chinadefi的博客
07-15 819
成为React大师的20个GitHub库
react-markdown-github:渲染Markdown的React组件类似于Github的格式
05-09
react-markdown-github 一个包装了React组件： 用锚链接链接所有标头。 根据文档的sourceUri将所有相对链接解析为绝对的Github URL。 例如/foo/bar.md变成 允许父组件覆盖已解析的url。 安装 npm install react-markdown-github 用法 < MarkdownGithub xss=removed sourceUri = 'https://github.mycorp.com/org/component/blob/master/README.md' xss=removed xss=removed> { } } transformImageUri = { (
React写个GitHub项目管理面板
weixin_33978016的博客
03-04 148
至于写这么一个项目是为了更加直观统计个人GitHub的仓库信息。项目经过了几次折腾和迭代，从最初一个表格，到支持sortable、支持前端模糊搜索，现在也支持根据创建时间或更新时间来查询项目。未来还会有什么功能就看脑洞了，如果喜欢的话可以拿去玩。 Url 线上地址 GitHub Introduction 项目用了React + Semantic UI React来搭建，其实主要就是用一下这个...
基于ReactNative实现展示github项目的移动端app
08-10
本项目基于ReactNative开发，主要实现安卓和ios端的，查看github项目，以及最热项目，分别有最热、趋势、收藏、我的四大模块。
react-showGithub小项目
weixin_33895695的博客
02-12 241
前言 之前一直在玩 vue 什么的，对 react 比较好奇 所以就来搞一搞，于是就边看文档变写东西 然后就写了一个显示 Github 信息的小东西。 ps： 预览地址 showGithub 项目地址 showGithub 技术栈 React 用于构建用户界面的 JavaScript 库 reactjs.org/ React-Redux Official React bindings for R...
react-github-search-engine:一个基于React的简单Github搜索引擎
05-05
React-GitHub-Search-Engine是一个使用React.js构建的轻量级应用，它利用了GitHub的公开API来检索和展示用户信息及他们的仓库。这个项目是React初学者和进阶者理想的实践案例，它展示了如何将React的基本组件化思想...
website:用 React 编写并托管在 GitHub Pages 上的个人作品集网站
05-30
我的第一个网络应用程序允许用户首先选择他们是在里面吃饭还是出去吃饭。 如果在 (cook) 中进餐，则允许用户从预定义的菜肴列表中随机选择一道菜肴。 如果外出就餐，则在地图上显示某个位置的餐厅列表。 要在地图...
github-battle:比较Github开发人员，看看谁编写了更多代码。 使用React，Apollo和Github GraphQL API构建
05-11
【标题】：“github-battle”是一个项目，旨在比较GitHub上的开发者，通过分析他们所编写的代码量。这个应用是利用React、Apollo Client以及GitHub的GraphQL API来构建的。 【核心知识点详解】： 1. **React**：...
github-issues-react-relay:使用React和Relay由GitHub API支持的GitHub问题界面
05-13
将GraphQL放在RESTful API的前面有点尴尬，但是我认为这将是一个有趣的实验。 安装 npm install 跑步 启动本地服务器： npm start 测试策略 为了节省时间，我决定不为此编写任何测试。 如果我要继续从事这个项目，...
react-dva实现的搜索Github的项目
03-08
里面是两个不同的方法，不同的界面。新人试手作品，仅对入门级有帮助。如果大神想指导不胜感激。
react+redux+router完整实践项目案例源码
08-11
一个使用react的项目，代码是全的，有整个react的开发流程
React的Github搜索案例(axios和PubSub的运用)
Qiuxuntao的博客
04-29 332
一、静态组件渲染页面 1.1、组件、样式 App.jsx import React, { Component } from "react"; import Search from "./components/Search"; import List from "./components/List"; export default class App extends Component { render() { return ( <div className="conta
react 12个实用demo(来自github)
weixin_33725807的博客
02-28 1020
为什么80%的码农都做不了架构师？>>> ...
使用github部署react项目
最新发布
weixin_57405849的博客
08-05 336
': HTTP/2 stream 1 was not closed cleanly before end of the underlying stream—强制修改—git config --global http.version HTTP/1.1—然后就好了git push origin main)如上图（不要着急save!等下面配完再说），github-settings-pages-source: deploy from a branch-main-/docs。[win的指令是不同的：]
React笔记——github案例(用到axios 和 pubsub)
weixin_53317758的博客
11-16 471
pubsub消息订阅与发布机制pubsub.publish()、pubsub.subscribe() 多重解构赋值前提是一个对象 const {KeyWordElement:{value: keyword}} = this
React实现的github搜索小案例
ｎｅｗｘｃ
12-18 552
效果 代码 index.js //引入react核心库 import React from "react"; //引入ReactDOM import ReactDOM from "react-dom"; //引入App import App from "./App"; ReactDOM.render(<App />, document.getElementById("root")); App.jsx import React, { Component } ...
react 学习
github_35041937的博客
08-11 934
找到基础视频教程 一个是慕课网的react 用pad下载的一个是宁浩网的视频，不放链接了。react 搭建需要哪些知识？引用书籍：React 引领未来的用户界面开发框架基础：1：JSX JS中编写声明式XML方法。2：管理组件的生命周期3：数据流，数据流如何在组件树种上下传递，哪些数据可以修改，props 和state的区别和联系。4：事件处理5：组件的复合6：mixin — 组件共享进阶：
github搜索案例（react版本）（消息订阅与发布实现组件通信）
richest_qi的博客
05-12 204
文章目录消息订阅与发布的基本使用App.js（App组件）Search/index.jsx（Search组件）List/index.jsx（List组件） 本篇通过消息订阅与发布实现任意组件间通信，来完成github搜索案例。 消息订阅与发布的基本使用 npm install --save pubsub-js，安装第三方库pubsub-js。 import PubSub from "pubsub-js"，引入第三方库PubSub。 订阅消息：id = PubSub.subscribe(消息名,callba
React教程中实现Github搜索功能的Bootstrap V3样式应用
它提供了一个预先设计好的组件库和CSS类，可以通过编写更少的代码来实现网页布局、样式以及各种组件。BootStrap V3是BootStrap的第三个主要版本，它是基于移动优先的设计哲学而构建的，意味着它在设计时先考虑小屏幕...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值