# 33줄로 만들어보는 React

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

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=1842](https://news.hada.io/topic?id=1842)
- GeekNews Markdown: [https://news.hada.io/topic/1842.md](https://news.hada.io/topic/1842.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2020-04-07T15:20:58+09:00
- Updated: 2020-04-07T15:20:58+09:00
- Original source: [leontrolski.github.io](https://leontrolski.github.io/33-line-react.html)
- Points: 7
- Comments: 1

## Topic Body

- Mithril에서 영감받은 최소한의 React 구현

- Virtual DOM 을 Real DOM으로 렌더링

- state 변경시 함수를 새로 실행해서 새 VDOM을 리턴

- 효율적으로 RDOM을 업데이트

- O/X 게임과 Calendar Picker를 구현한 예제 포함

## Comments



### Comment 1532

- Author: xguru
- Created: 2020-04-07T15:21:06+09:00
- Points: 2

React 전체까지는 아니지만 Virtual DOM 구현에 대해서 이해하는 용도로 좋은 예제인듯

이 글 보다 좀 더 발전된 글은 아래 링크 참조

"나만의 React 만들기" https://news.hada.io/topic?id=906