都快 2022 年了,这些 Github 使用技巧你都会了吗?

大家好,我是若川。最近组织了源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。

最近经常有小伙伴问我如何根据最新的技术进展,让自己学的东西不过时,了解到这些需求我也特别的感慨,其实在计算机这个领域,尤其是皮汤所在的前端,更是日新月异,所以这个问题还需要细细道来。

养成良好习惯

感觉跟不上技术的进展,本质上还是离前沿太远,可能是因为业务繁忙,有可能是因为找不到路子,但归根到底可能是因为没有养成良好的习惯。

给自己每天 15-30 分钟的 “扩展视野时间”,这个时间最好在早上。这个时间段你可以去访问 Github Trending 榜单,查看自己所在领域的技术进展:https://github.com/explore

035bdbe36a352c9e40c2796bda033931.png

可以说 Github Trending 是一个类似今日头条的 Feed 流,你平时逛 Github 越多,关注的感兴趣的人越多,Star 的项目越多,你会发现这条 Feed 流会越智能,一旦你所在的领域有新鲜的技术项目出来,那么你只要刷一下这个 Feed 流,立马能够掌握到最新的前沿技术进展。

为什么让你刷 Trending 流,其实还有个原因就是,它不像抖音、今日头条,是一个无限的黑洞,而是有限的,在一个时间段内,它只会有几十条存在,而且可能绝大部分还一样,这样一个你可以快速的了解最新的事情,再一个不会因为 “日新月异” 而感到焦虑。

注意,Trending 流是有限的。

8461ef5411ed93a6a1cabf78044f1339.png

经营自己的 “技术关系”

你喜欢 CSS 吗?CSS 领域最前沿的技术进展当属 TailwindCSS 这类 “实用类优先” 的 CSS 框架了,那我可以做些什么来跟进它的技术进展呢?

第一步:Star 这个项目。

5e0ddfd553c34c6092bb4c9964410609.png

第二步:找到这个仓库的贡献者的前几名,关注他们!

2b1b05c5602035e244484c0777734e86.png604d89ad6afc59d321f4718ce628bb30.png

可以看看大佬们是如何努力工作的,Github 几乎全绿!🌚

当你关注他们之后,之后你已进入 Github 就可以在你自己的关注 Feed 流里面了解到这些人最近的动态,比如 Star 了哪些项目?Follow 了那些人?发布了那些包更新?久而久之,当你关注的人越来越多,你的个人关注 Feed 流就成为了你每天获取新技术信息的来源,站在这些 “巨人” 的肩膀上,获取高效的信息!

fe7d9861c3074269b590d0702e612100.png

再近一步,找到乐趣

这些大牛可能还会参与一些其他的项目,或者加入或创建了一些其他的 Github 组织,尝试顺着这些项目、组织,进行二次探索,继续 Star 更多的项目、Follow 更多的人,然后慢慢找到自己的兴趣点,并以此兴趣点为基础,在某 1 个开源项目驻足下来,尝试为其进行贡献,如改个文档的拼写问题,帮助翻译,或者开始尝试看源码,修复一些 BUG 或者提交一些代码贡献。

比如 Node.js 大牛苏千:

0a3138c78e1e22081f864ace3a0c86bf.png

当你花了足够长的时间在这个上面之后,你会发现突然某一天,你的提交被某个大牛合并进了仓库,你成为了某知名开源项目的 Contributor !🎉 这个幸福感是不言而喻的。

比如给 Vite 提交一些极小的改进:https://github.com/vitejs/vite/pull/6083/files

8f9874b7cd2800651663d7dbb1f9727c.png

开始耕耘自己的领地

如果你能坚持经历上面几个阶段,那么你现在可能 Follow 了很多 “技术明星”,Star 了很多感兴趣的项目,你的个人关注 Feed 流已经有了很多内容,同时也养成了良好的关注 Github Trending 榜单的习惯。更近一步,你可能通过一些很 “Hack” 的技巧成为了一些知名开源项目的 Contributor,当然我承认这需要一些耐心,并且你可能还需要一些机遇,但是当你长期 Focus 在 1 个或几个项目上时,这些机遇无疑会被放大,你已经在技术社区里面有了一点原始的积累了。

83c89d76cc432a455111cc5392b905eb.png

接下来你可以尝试去开拓自己的内容,尝试提交自己平时的项目代码在 Github 上,让自己的榜单开始 “绿” 起来。

至少先达到如下的地步:

7e884378a59cce69121bc46f26fa3607.png

然后开始像这样进军:

d76f82776265462fb62c77379bbbdc5a.png

你可能会好奇这个 “恐怖” 的人是谁?

好了,不装了🙅🏻♀️,那就是大神阮一峰:https://github.com/ruanyf

c72643966a45964c03e13f5a4ca7e3c2.png

当然如果短时间内你并没有找到你合适的想法去提交自己的 Github,那么你可以去尝试模仿大多数的 “一个文件” 的贡献,即整理一个 README.md,将自己平时看 Github Trending 时觉得好的内容记录下来,系统的分类并整理成一个榜单,随着你的坚持,你可能能达到如下效果:https://github.com/vuejs/awesome-vue

d145bc39134ce4d662bb33cb735e94cc.png

让事情再更有趣一点

当你持续在输出内容之后,一开始你会经历一个比较艰难的适应期,比如坚持了几周因为事情太忙就搁置了,所以这个时候你需要找点乐子,让自己保持新鲜感。

你会发现 Github 已经可以写好看的自我介绍了:https://github.com/anuraghazra/github-readme-stats

比如这个:

c7f80de9f071fa6f51bdc469d3a56089.png

比如记录的语言使用情况的:

a8b8fcc338606898c0956eb36b54abb5.png

比如记录你的 Star、Commits、PR、Issue 情况的:

25971139697fbadba22097a414fb9919.png

把介绍写成诗句:https://github.com/anuraghazra

7212fa091c1a1c4f63a4a66f72e2c7ee.png

简化流程,让点击更近一步

如果你希望自己能够时刻被提醒,离打开 Github 更近一点,更频繁一点,同时又能同时兼顾项目与文章,那么掘金开发者插件会是一个很好的选择:https://juejin.cn/extension

安装之后,每次打开一个新的浏览器窗口,都会展示插件的网页:

2130914fe2d4db3a696111f54fd8c1e8.png

你可以看到掘金文章、Github Trending 的内容,还有掘金沸点,极其适合上班摸鱼。

c69ca136cec79b34c7e0bf0bf60ec78d.png

推销你的成果

当你有了酷炫的 Github 个人主页,有了持续积累的 “README” 式的 Github 仓库,或者是自己的项目,那么你可以尝试写文章介绍自己的仓库、自己的主页,推销自己的 Github 项目或个人名片,以获取更多的 Star 和 Follower:

b6a385074b4df79aa86367d85cd73dde.pngeadf96a4eb6084ff59d3548cbd65774e.png

比如我之前一值关注的一个老哥,写了个 React 的状态管理库,然后在各平台推销:

ef76831420dcb04da1b40b8eeb351901.png

现在已经 1K Star 了:https://github.com/concentjs/concent

3fa930618d9ca765fe950d306548b00b.png

一个坚持且厉害的老哥:

9cca0e73ae4de6caef1f187645a04aea.png

一些额外的渠道

当然 Github 其实不是一个社交网络,只能基于项目,没法发布消息,即时性还是不够的,如果你追求即时性,那么你可以尝试去关注大佬的 Twitter,订阅一些技术项目的博客。

比如说尤大的 Twitter:https://twitter.com/youyuxi

fedb061deba1f4f25a0996ccce13a518.pnga8c8177a181f53e09bab2efd1c7d6590.png

或者 Next.js 的博客:https://nextjs.org/blog

d889ef1cae620d4bd1f8103c569986c1.png

回归初心

其实归根结底,这整个流程都是希望你能够养成一个良好的习惯,同时通过一系列 “刺激” 让你爱上技术探索,并以某个可达到的目标进行努力,如创建一个项目,并推销它,然后获得很多 Star 或 Follower。

在这个过程中,你会为了达到某个目标而努力把一个项目的源码看懂,然后输出一些见解到技术社区,然后反哺自己去开发一些项目解决当前的问题,如此往复,遵循兴趣而非带着焦虑去前行,相信你能够在技术探索的道路上走得更远!💪


c190535f2b34df17730b09c858d2d1d1.gif

················· 若川简介 ·················

你好,我是若川,毕业于江西高校。现在是一名前端开发“工程师”。写有《学习源码整体架构系列》20余篇,在知乎、掘金收获超百万阅读。
从2014年起,每年都会写一篇年度总结,已经写了7篇,点击查看年度总结。
同时,最近组织了源码共读活动,帮助3000+前端人学会看源码。公众号愿景:帮助5年内前端人走向前列。

2fc1043f4fe8851548b53f5d743447b6.png

识别方二维码加我微信、拉你进源码共读

今日话题

略。分享、收藏、点赞、在看我的文章就是对我最大的支持~

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/275086.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

单线程+异步协程

一 . 线程池和进程池 可以适当的使用,在大量的IO情况下有更好的方法 import time from multiprocessing.dummy import Pool def request(url):print(正在下载->,url)time.sleep(2)print(下载完毕->,url) start time.time() urls [www.baidu.com,www.taobao.com,www.sou…

Repeater\DataList\GridView实现分页,数据编辑与删除

一、实现效果 1、GridView 2、DataList 3、Repeater 二、代码 1、可以去Csdn资源下载,包含了Norwind中文示例数据库噢!(放心下,不要资源分) 下载地址:数据控件示例源码Norwind中文数据库 2、我的开发环境&a…

网站快速成型_我的老板对快速成型有什么期望?

网站快速成型Some of the top excuses I have gotten from clients when inviting them into a prototyping session are: “I am not a designer!” “I can’t draw!” “I have no creative background!”在邀请客户参加原型制作会议时,我从客户那里得到的一些主…

碎片化学前端,融入到积极上进的环境,我推荐~

众所周知,关注公众号可以了解学习掌握技术方向,学习优质好文,落实到自己项目中。还可以结交圈内好友,让自己融入到积极上进的技术氛围,促进自己的技术提升。话不多说,推荐这些优质前端公众号前端之神 80w阅…

重学JavaScript深入理解系列(六)

JavaScript深入理解—-闭包(Closures) 概要 本文将介绍一个在JavaScript经常会拿来讨论的话题 —— 闭包(closure)。闭包其实已经是个老生常谈的话题了; 有大量文章都介绍过闭包的内容,尽管如此,这里还是要试着从理论角…

EXT.NET复杂布局(四)——系统首页设计(上)

很久没有发帖了,很是惭愧,因此给各位使用EXT.NET的朋友献上一份礼物。 本篇主要讲述页面设计与效果,下篇将讲述编码并提供源码下载。 系统首页设计往往是个难点,因为往往要考虑以下因素: 重要通知系统功能菜单快捷操作…

figma设计_在Figma中使用隔片移交设计

figma设计I was quite surprised by how much the design community resonated with the concept of spacers since I published my 自从我发表论文以来,设计界对间隔件的概念产生了多少共鸣,我感到非常惊讶。 last story. It encouraged me to think m…

axios源码中的10多个工具函数,值得一学~

大家好,我是若川。最近组织了源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。本文来自读者Ethan01投稿…

安装jenkins时出现 No such plugin: cloudbees-folder的解决办法

今天安装了一下jenkins,在初始化安装插件时出现“ No such plugin: cloudbees-folder”错误,根据网上的教程: 1、打开链接“http://ftp.icm.edu.pl/packages/jenkins/plugins/cloudbees-folder/”,在最下面找到并打开“latest”目…

寄充气娃娃怎么寄_我如何在5小时内寄出新设计作品集

寄充气娃娃怎么寄Over the Easter break, I challenged myself to set aside an evening rethinking the structure, content and design of my portfolio in Notion with a focus on its 在复活节假期,我挑战自己,把一个晚上放在一边,重新思…

基于Hbase的用户评分协同过滤推荐算法

基于Hbase的用户评分协同过滤推荐算法 作者: 张保维 2012-1-3 一、 概述 本文为推荐引擎设计的基础篇,介绍基于hbase 存储方式用户评分的方式进行推荐的主体算法及在分布式平台环境下的实现。由于推荐算法分支众多,我们先从简单及实用的算法…

最全 JavaScript Array 方法 详解

大家好,我是若川。最近组织了源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。我们在日常开发中&#…

[译] React Hooks: 没有魔法,只是数组

[译] React Hooks: 没有魔法,只是数组 原文链接: medium.com/ryardley/r… 我是 React 新特性 Hooks 的粉丝。但是,在你使用 React Hooks的过程中,有一些看上去 很奇怪的限制 。在本文里,对于那些还在为了理解这些限制…

管理沟通中移情的应用_移情在设计中的重要性

管理沟通中移情的应用One of the most important aspects of any great design is the empathetic understanding of and connection to the user. If a design is ‘selfish’, as in when a product designed with the designer in mind and not the user, it will ultimatel…

网易前端进阶特训营,邀你免费入营!一举解决面试晋升难题!

网易等大厂的前端岗位一直紧缺,特别是资深级。最近一位小哥面进网易,定级P4(资深),总包60W,给大家带来真实面经要点分享。网易的要求有:1.对性能优化有较好理解,熟悉常用调试工具2.熟…

Feign的构建过程及自定义扩展功能

spring-cloud-openfeign-core-2.1.1.RELEASE.jar 中 HystrixFeign 的详细构建过程: EnableFeignClients -> FeignClientsRegistrar 扫描 Feign注解的类 -> FeignClientFactoryBean通过Targeter生产FeignClient -> Targeter通过Feign.Builder构建Feign ->…

angelica类似_亲爱的当归(Angelica)是第一个让我哭泣的VR体验

angelica类似It was a night just like any other night. I finished work for the day and closed my laptop. I had dinner and after an hour, I put on my Oculus Quest headset in order to begin my VR workout.就像其他任何夜晚一样, 这 是一个夜晚。 我完成…

面试官:请手写一个带取消功能的延迟函数,axios 取消功能的原理是什么

大家好,我是若川。最近组织了源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。本文仓库 https://githu…

关于base64编码的原理及实现

我们的图片大部分都是可以转换成base64编码的data:image。 这个在将canvas保存为img的时候尤其有用。虽然除ie外,大部分现代浏览器都已经支持原生的基于base64的encode和decode,例如btoa和atob。(将canvas画布保存成img并强制改变…

Django web开发系列(五)模板

一 前言在上一节了解到视图函数处理后,会将结果渲染到创建的html页面,但html如何接收并显示视图函数返回的动态数据呢?最常用的做法就是使用模板(Template),本节将简单介绍一下模板的作用和用法。 可以这样简单的理解模板的概念&a…