# 나만의 리액트 라이브러리 만들기

> Clean Markdown view of GeekNews topic #965. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=965](https://news.hada.io/topic?id=965)
- GeekNews Markdown: [https://news.hada.io/topic/965.md](https://news.hada.io/topic/965.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2019-11-25T08:43:38+09:00
- Updated: 2019-11-25T08:43:38+09:00
- Original source: [velog.io](https://velog.io/@godori/build-your-own-react)
- Points: 5
- Comments: 1

## Topic Body

Build your own React의 한국어 번역본.

"우리는 리액트를 처음부터 직접 만들어 볼 것입니다. 최적화나 필수적이지 않은 기능들은 제외하고, 실제 리액트 코드 구조를 기반으로 한 단계씩 따라가 봅시다."

React 코드를 바닐라JS로 밑바닥부터 만들어 보는 훌륭한 가이드.

## Comments



### Comment 633

- Author: xguru
- Created: 2019-11-25T08:45:46+09:00
- Points: 1

원문은 아래처럼 Codesurfer 및 다양한 프론트기술을 이용해서 구성되어있으므로 원문과 함께 보는 것을 추천.

MDX Deck : React + MDX ( JSX embedded in Markdown ) https://github.com/jxnblk/mdx-deck

CodeSurfer : MDX Deck 에 코드하이라이팅, 확대, 스크롤등을 추가 https://codesurfer.pomb.us/

Gatsby Waves : MDX + Scrollytelling (스크롤에 따라 코드 애니메이션 ) https://github.com/pomber/gatsby-waves

웹에서 튜토리얼이나 가이드등 코드를 설명하기에는 최적의 슬라이드 도구