Counter Todo App

다양한 방법으로 Counter 및 Todo-App을 다루면서 라이브러리와 철학, 패턴을 학습합시다.

개요

간단한 튜토리얼을 진행할 저장소입니다.

Vanilla, React/Vue의 라이브러리 등을 사용하여 기초적인 상태 관리 사용 방법을 익히려고 만들었습니다.

현재 Counter 구현하기의 컨텐츠는 아래와 같습니다.

1. Vanilla JavaScript
2. React Context API
3. React Redux
4. React Recoil
5. Vue Vuex

개발 환경

lerna로 Mono-Repo를 설정했습니다. 기본 언어는 TypeScript로 작성했습니다.

• create-react-app
• vue3-vite

사용법

설치

# clone or download
git clone https://github.com/InSeong-So/CounterApp.git

# change directory
cd ./CounterApp

# install
yarn install

실행

# Vanilla JavaScript
yarn start:vanilla

# React Context API
yarn start:context

# React Redux
yarn start:redux

# React Recoil
yarn start:recoil

# Vue Vuex
yarn start:vuex