Giter VIP home page Giter VIP logo

begin-redux

리덕스 시작하기 튜토리얼 전용 템플릿

이 프로젝트는 총 6가지의 Branch 로 나뉘어져있습니다:

  • template: 실습을 빠르게 진행하기 위한 템플릿
  • 01: 카운터 (기본)
  • 02: 카운터 (코드 정리)
  • 03: 투두리스트 (기본)
  • 04: 투두리스트 (Immutable Record 사용)
  • 05: actionCreator 미리 bind하기
  • 06: immer.js 사용해보기
  • 07: MobX 로 구현해보기
  • 08: MobX 로 구현해보기 (Store 분리)

템플릿에 이미 이뤄진 작업:

0. 절대경로에서 파일을 불러 올 수 있도록 설정

  • .env: NODE_PATH 설정
  • jsconfig.json: 에디터 설정

1. 패키지 설치

$ yarn add redux react-redux redux-actions immutable

2. 불필요한 파일 제거

  • App.js
  • App.css
  • App.test.js
  • logo.svg

3. 주요 컴포넌트 생성 및 루트 컴포넌트 생성

  • components/
    • App.js
    • AppTemplate.js
    • Counter.js
    • Todos.js
  • containers/
    • CounterContainer.js
    • TodosContainer.js
  • Root.js

4. 리덕스 관련 코드를 작성 할 파일 생성

  • store
    • modules
      • counter.js
      • todo.js
      • index.js
    • configure.js
    • index.js
    • actionCreators.js

한은이's Projects

awesome icon awesome

😎 Awesome lists about all kinds of interesting topics

challenge-food-advisor-nextjs icon challenge-food-advisor-nextjs

Created with CodeSandbox. Next.js + React + Apollo Client (https://foodadvisor-api.strapi.io/, https://foodadvisor-api.strapi.io/graphql)

django icon django

The Web framework for perfectionists with deadlines.

emotion icon emotion

👩‍🎤 CSS-in-JS library designed for high performance style composition

instapy icon instapy

📷 Instagram Bot - Tool for automated Instagram interactions

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.