6P by xguru 2019-11-15 | favorite | 댓글 2개

React 코드를 바닐라JS로 밑바닥부터 만들어 보기.
한줄한줄 설명하며 만들기 때문에 React와 JS 둘다 공부하기에 좋은 글.

진짜 멋지네요 ㅎㅎ

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

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

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