4

Meet GitHub1s: Load a GitHub Project in 1 Second

 2 years ago
source link: https://blog.bitsrc.io/github1s-an-excellent-website-for-online-reading-open-source-projects-75691de03b22
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

Meet GitHub1s: Load a GitHub Project in 1 Second

A Website for Reading Open Source Projects from GitHub Online

GitHub1s — An Excellent Website For Online Reading Open Source Projects | Tomoe
Photo by Mohammad Rahmani on Unsplash

What is github1s?

GitHub1s developed by @conwnet, this project aims to be an extremely fast way to load up any GitHub project in “one second” with the same feel as if you opened it up locally on VSCode.

Take React as an example, in the URL, simply replace github with github1s, as shown in the following image:

github1s | Tomoe
Original React repo
github1s react | Tomoe
React repo when viewed with github1s

How about it, isn’t it cool, then let’s talk about the advantages and disadvantages of this project.

Advantage of github1s

  • Almost the same interface as VS Code.
  • Ability to quickly read and review code
  • Support for some shortcuts in VS Code.
  1. The ability to command + click (window is ctrl + click) automatically jumps to the corresponding function.
  2. Press command + p to quickly find and locate a file, command + shift + f to search for a file globally, etc.
Support for some shortcuts in VS Code | Tomoe
Support for some shortcuts in VS Code | Tomoe
Press command + p
  • Support the derivation type after hover and the appearance of pop-up modals:
op-up modals | Tomoe
op-up modals | Tomoe
Hover
  • Support for code collapse and expansion:
Support for code collapse and expansion | Tomoe
Support for code collapse and expansion | Tomoe
Collapse and expansion
  • Support for online code comparison:
Code comparison | Tomoe
Code comparison | Tomoe
Code comparison
  • Downloadable files or folders:
1*BY2FESM87_zpm3WXR5y5Gw.png?q=20
github1s-an-excellent-website-for-online-reading-open-source-projects-75691de03b22

Disadvantages

  • Can not click on a file to jump to another file. In the current version, it is not possible to click on the referenced file and then automatically open other files, although some regret, but we still want to have a feature.
  • Unable to preview .md files.

Conclusion

Github1s brings some convenience, better than just using GitHub on its own, and a better experience than the sourcegraph plugin! But to completely replace the local editor to read the source code, it still needs to be improved, such as the above-mentioned shortcomings.

Unlock 10x development with independent components

Building monolithic apps means all your code is internal and is not useful anywhere else. It just serves this one project. And as you scale to more code and people, development becomes slow and painful as everyone works in one codebase and on the same version.

But what if you build independent components first, and then use them to build any number of projects? You could accelerate and scale modern development 10x.

OSS Tools like Bit offer a powerful developer experience for building independent components and composing modular applications. Many teams start by building their Design Systems or Micro Frontends, through independent components. Give it a try →

0*Y0zQ4BTnuoNrwE5n?q=20
github1s-an-excellent-website-for-online-reading-open-source-projects-75691de03b22
An independent product component: watch the auto-generated dependency graph

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK