Hyeseong's Blog

Awesome

GatsbyJS

  • Gatsby RFCs: Gatsby에서 React RFCs 처럼 RFC 프로젝트를 따로 만들었다. 2.0 버전 준비의 일환으로 보이는데 잘 지켜봐야겠다.

Go

  • cfmt: fmt에 컨텍스트별 색깔을 입힌 라이브러리
  • gocraft/work: Job(Worker) 단위로 백그라운드 작업 처리를 도와주는 라이브러리
  • fsnotify: 파일시스템 watching 라이브러리. 근데 Go 채널 개념은 아직 잘 모르겠다.
  • go-humanize: Humanized Unit 라이브러리
  • goth: 인증 라이브러리. 인증 방식 상관없이 엄청 많은 프로바이더를 제공하고 있다. 저번 달에 프로젝트 메인테이너를 급하게 구한다고 알렸다.
  • golang/proposal: Go 언어의 각종 Proposal들이 등록되는 저장소

JavaScript / Node

  • MoveTo: 아주 쓰기 쉽고 작은, 스크롤 위치 움직이는 라이브러리
  • driver.js: 웹페이지의 특정 부분을 하이라이팅 하는 라이브러리, 최초접속자를 위한 튜토리얼 쉽게 만들 수 있을 것 같다.
  • functional.es: ES6+, 함수형, 비동기, 동시성에 대한 좋은 한글 자료
  • oclif: Heroku가 공개한 CLI 프레임워크. Commander, Sade는 선언적으로 CLI를 만들 수 있어 아주 편하지만 문자열 규칙을 기반으로한 "매직"이 많은 편인데, ES(or TS) Class 기반으로 한 선언적이고 구조적인 CLI 정의를 할 수 있어 쓰기 쉽고 확장성도 좋다.
  • chromeless: Headless browser 테스팅 프레임워크. 이제 Puppeteer 때문에 안쓰이지 않을까 싶은데...
  • semantic-release: 실수로 Unstar 했다가 다시 눌렀다. Semantic Versioning(aka semver) 기준으로 하여 자동화된 패키지 버전관리를 제공해준다.
  • NProgress: 로딩 중에 상단에 작고 이쁜 프로그래스바를 표시해주는 라이브러리.
  • Noderize: CLI, Express, TypeScript, Flow 등 자주 쓰이는 세팅으로 Node 프로젝트 생성해줌. 나도 나만의 프로젝트 생성기를 만들고 싶다.
  • gun: 실시간, 분산형 데이터베이스. 아주 쉬운 API에 자체적으로 데이터를 동기화를 해주니 redux 없이 간단한 앱이나 게임 만들 때 좋을 것 같다.
  • Caporal.js: commander, sade 같은 스타일의 CLI 프레임워크. 기능이 조금 더 많아 보이지만 나는 왠만하면 oclif를 쓰게될 것 같다.

React / React Native

  • react-dom-testing: react-dom에 포함된 test-utils의 래퍼, 작은 기본 라이브러리를 써서 테스트를 구성할 때 보일러플레이트를 줄이는게 목적인 것 같다.
  • react-testing-library: React 테스팅의 베스트 프랙티스를 정리하는 프로젝트. 나도 Enzyme 같은 단일 프레임웍으로 많은걸 수행하는 것보단 필요한 작은 부분들을 조합해 구성성을 높이는 것을 선호하는 편이다.
  • react-quill: React WYSIWYG 에디터 컴포넌트 1
  • pell: React WYSIWYG 에디터 컴포넌트 2 (사이즈 경쟁은 끝나지 않는다)
  • Timeline: 애니메이션 라이브러리. 리셋, 역재생 등 시계열로 동작하는 게 포인트인듯하다.
  • graphql-css: GraphQL... CSS...? Blazing Fast??? 이건 어디로 분류해야하나 이거나 저번 gdom이나 보면 내가 GraphQL에 대한 가능성에 대해 너무 닫힌 시각을 가지고 있는게 아닌가 싶을 정도로, 생각지도 못한 아이디어가 쏟아져 나오고 있다. 어쨋든 결국 CSS-in-JS 라이브러리
  • jsxstyle: 또 다른 CSS-in-JS(X) 라이브러리
  • freestyler: 또, 또 다른 CSS-in-JS(X) 라이브러리. 무려 자신과 styleit, jsxstyle을 5th generation 이라고 소개한다.
  • react-router-navigation: 미치겠다 네비게이션 라이브러리가 또 있다. 원래 JSX 스타일로 사용 가능한 React Router가 끌려서 그런지 엄청 좋아보인다.
  • react-icons-kit: 엄청난 양의 SVG 아이콘이 리액트 컴포넌트로 제공된다.

Reason

  • bs-react-native: bs 플랫폼의 React Native 바인딩, RN과 Reason 둘 다 해보려는데 같이해봐도 될 것 같다.
  • BuckleScript: bs가 이거였다. OCaml의 js interop을 지원하기 위한 플랫폼으로, Reason의 전신이라 볼 수 있을듯 함.

Rust

  • yew: Rust SPA 프레임워크. JSX와 유사한 형태의 템플릿을 사용하고, WASM으로 컴파일된다고 한다.

Tool

  • fossa-cli: Node 프로젝트의 오픈소스 라이센스를 스캔해주는 Fossa 서비스의 CLI 도구
  • marktext: 내가 본 것 중 가장 글쓰기에 최적화되어있는 마크다운 에디터
  • awesome-finder: CLI로 원하는 Awesome 리스트를 검색하자

TypeScript

  • pattern-matching-with-typescript: 패턴매칭이 없는 자바스크립트/타입스크립트에서 패턴매칭을 "구현"하는 방법에 대한 설명, 그리고 엄청난 보일러플레이트... 하지만 패턴으로써 참고할 가치가 보인다.

Vim

Web

  • package-name-maps: 브라우저에서 Node의 모듈을 지원하려고 할 때 생기는 각종 문제에 대한 고찰. 결국은 package.json내지 번들러의 module resolver 역할을 할 새로운 스펙이 필요한 것으로 보인다.
  • WebAssembly Studio: 다양한 언어로 웹 어셈블리 프로젝트를 체험할 수 있는 웹 IDE이다.

Zsh

ETC

  • language-server-protocol: MS에서 VSCode를 만드는데 사용된 설계의 일부분을 따로 정리해놓은 것으로 보인다. 여러 언어를 지원해야하거나 이미 언어 서비스가 구현되어 있는 상태로 개발환경을 만들 때 구조를 참고할 수 있을 것 같다.
  • lighthouse-badge: Lighthouse 뱃지! README에 점수 넣고싶긴 한데 README 수정까진 CI에서 자동화하기 좀 어려울 것 같다.
  • 10th-amendment: @devunt님 께서 대한민국 헌법 개정안을 한 눈에 보기 쉽게 웹페이지로 만드셨다.
크리에이티브 커먼즈 라이선스