# 나만의 React 만들기

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

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=906](https://news.hada.io/topic?id=906)
- GeekNews Markdown: [https://news.hada.io/topic/906.md](https://news.hada.io/topic/906.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2019-11-15T08:56:26+09:00
- Updated: 2019-11-15T08:56:26+09:00
- Original source: [pomb.us](https://pomb.us/build-your-own-react/)
- Points: 6
- Comments: 2

## Topic Body

React 코드를 바닐라JS로 밑바닥부터 만들어 보기.

한줄한줄 설명하며 만들기 때문에 React와 JS 둘다 공부하기에 좋은 글.

## Comments



### Comment 611

- Author: cbbatte
- Created: 2019-11-15T18:47:05+09:00
- Points: 1

진짜 멋지네요 ㅎㅎ

### Comment 609

- Author: xguru
- Created: 2019-11-15T09:05:08+09:00
- Points: 2

이 슬라이드 웹페이지가 굉장히 멋진데.. 관련해서 쓰인 기술들

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

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