Skip to content

바닐라 자바스크립트를 이용하여 React 흉내내기

Notifications You must be signed in to change notification settings

KIMSEUNGGYU/VanillaJS-to-React

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

66 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

VanillaJS-to-React

바닐라 자바스크립트를 이용하여 React 흉내내기

해당 Repo 는 블랙커피 스터디 를 진행하면서 바닐라 자바스크립트를 통해 미션을 수행하면서 얻은 경험과 황준일 개발자님의 POST를 참고하였습니다.

  • 저만의 입맛대로 그리고 생각대로 구현한 것이기 때문에 실제 리액트와 다를 수 있습니다. (많이 다를 거 같아요)
    하지만 유사하게 구현하면서 실력 향상과 많은 분들에게 도움이 되었으면 좋겠다는 마음으로 관리하고자 합니다.

구현한 내용을 정리한 글입니다.

목표

1차

  • 리액트 컴포넌트 구현하기
  • 상태 관리 구현하기 (redux)
  • 어느 정도 구현 됐다고 생각될 때, 블로그에 최대한 쉽게 작성하기 (다른 분들이 보고 이해가 되기 위해)

2차

  • 미들웨어 구현하기 (redux-thunk, redux-saga)
  • combineReducer 기능 구현하기 (현재는 각각의 상태를 생성하는 형태)
  • diff 알고리즘 구현하기?
  • 1, 2차에서 구현한 것을 TypeScript 로 전환하기

공통 (기타)

  • 각 단계별로 기능을 구현할 때 TDD 또는 간단한 미션(Counter, Todo-list 등)을 통해 구현하기!

데모

Counter App

COUNTER

Todo-List App

TODO-LIST

Async-User App

async-user

About

바닐라 자바스크립트를 이용하여 React 흉내내기

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published