Giter VIP home page Giter VIP logo

react_typescript_redux_kor_boilerplate's Introduction

Typescript-react-redux-ssr-boilerplate-sass

TypeScript React Redux

라이브러리 Libraries

Base Core

Utilities

Build System

Dev & Prod Server

Developer Experience

Testing

디렉토리 구조

.
├── build                       #
├── config                      # 구성(설정)을 위한 폴더
│   ├── test                    # 테스트 설정 폴더
│   ├── types                   # 작성한 전역 유형 정의
│   ├── webpack                 # Webpack 설정 폴더.
│   └── main.ts                 # 일반 설정 파일(앱환경).
├── node_modules                # Node Packages 모듈.
├── src                         # 소스폴더
│   ├── app                     #
│   │ ├── components            # React Components (재사용 가능한 Components).
│   │ ├── containers            # React/Redux Containers.
│   │ ├── models                # interface & type 파일
│   │ ├── redux                 # Redux.
│   │ │   ├── modules           # Redux modules(action & reducer).
│   │ │   ├── reducers.ts       # reducers 결합.
│   │ │   └── store.ts          # Redux 스토어, 글로벌 앱 상태 포함.
│   │ └── routes.tsx            # Routes 파일.
│   ├── client.tsx              # 클라이언트 측 렌더링을위한 파일.
│   ├── favicon.ico             # Favicon.
│   └── server.tsx              # 서버 측 렌더링을위한 파일.
├── typings                     # typings 작성한 전역 유형 정의.
├── .gitignore                  # git 무시할 파일을 선언.
├── .gitAttribute               # git 파일에 적용시킬 속성을 기술
├── package.json                # Package 설정파일.
├── README.md                   # This file
├── tsconfig.json               # TypeScript 설정파일.
└── tslint.json                 # Configures tslint 설정 파일.

Usage

모든 명령어는 개발환경이 기본입니다.
NODE_ENVproduction으로 설정하거나 아래의 단축키를 사용할 수 있습니다.

# Running

$ npm start # 기본적으로 개발모드로 시작한다.

# production로 시작
$ NODE_ENV=production npm start # or
$ npm run start:prod

# Building

$ npm build # 개발모드로 빌드

# production로 빌드
$ NODE_ENV=production npm build # or
$ npm run build:prod

# 테스트(미완성)
$ npm test

추가할 기능

  • 테스트 (e2e, unit..)

이 Repo는 vortigern기반으로 제작되어 있었습니다. (This Repo was based on vortigern.)

react_typescript_redux_kor_boilerplate's People

Contributors

arusantimo avatar

Watchers

 avatar

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.