fantasy eventer

React App, React Redux 및 Firebase의 Fantasy Sport App

React App, React Redux 및 Firebase를 사용하여 구축 된 실패 기능이있는 간단한 TODO 앱 예제.

스택

• React 앱을 만듭니다
• Redux에 반응합니다
• 라우터를 반응합니다
• 반응 라우터 redux
• Redux Thunk
• Chrome의 Redux Devtools 확장
• Oauth 인증을 가진 Firebase SDK
• 불변
• 다시 선택하십시오
• 사스

빠른 시작

$ git clone https://github.com/dnbr2002/fantasy-eventer.git
$ cd fantasy-eventer
$ npm install
$ npm start

Firebase에 배포

전제 조건 :

• https://firebase.google.com에서 무료 Firebase 계정을 만듭니다
• Firebase 계정 콘솔에서 프로젝트를 만듭니다
• Firebase 계정 콘솔에서 Firebase 프로젝트의 인증 제공 업체 구성

프로젝트 별 세부 정보 로이 앱을 구성하십시오.

 // .firebaserc

{
  "projects" : {
    "default" : " your-project-id "
  }
}

 // src/firebase/config.js

export const firebaseConfig = {
  apiKey : 'your api key' ,
  authDomain : 'your-project-id.firebaseapp.com' ,
  databaseURL : 'https://your-project-id.firebaseio.com' ,
  storageBucket : 'your-project-id.appspot.com'
} ; 

Firebase-Tools 설치 :

$ npm install -g firebase-tools

앱 빌드 및 배포 :

$ npm run build
$ firebase login
$ firebase use default
$ firebase deploy

NPM 명령

스크립트	설명
npm start	Webpack Development Server @ localhost:3000 시작하십시오
npm run build	응용 프로그램을 ./build 디렉토리로 구축하십시오
npm test	응용 프로그램을 테스트하십시오. 변경 사항을 살펴보고 다시 테스트하십시오