React×Stripe×Firebase×Express로 아마존 클론을 만들었다

개요

React의 백엔드 처리와 결제 처리 기능을 폭속으로 구현할 수 있다고 화제의 Stripe를 습득하기 위해 구현했습니다.







그래도
Github

React에서의 Stripe 구현의 참고가 되면.
또, React의 최신의 쓰는 방법에 준한 코드를 유의하고 있으므로, React를 공부중의 분에게는 Github 리포지토리가 참고가 된다고 생각합니다.

사용 기술

React

JavaScript (ES6)

Hooks

Functional Component

Context API

Redux

firebase(Hosting, Function)

Stripe

Express

Material UI

BEM

프런트는 React, 백엔드는 Express와 Firebase Function, 결제 처리는 Stripe를 사용하고 있습니다.
상태 관리는 Redux, ContextAPI, HOOKs를 완벽하게 활용합니다.
스타일링은 Material UI 및 BEM 기반 CSS에서 수행됩니다.

참고

React 개발 효율을 3배로 하는 VS Code 확장 기능 및 환경 설정
React 첫 안건 획득까지의 흐름(학습·안건 찾기·면접·계약까지)

The Complete React Developer Course (w/ Hooks and Redux)
Universal React with Next.js - The Ultimate Guide
React Native 입문: 뉴스 앱을 만들면서 기억하자 / Hooks 대응 2020년판
React.js & Next.js 초입문
연습Firestore
최초의 JavaScript 제3판 ―ES2015 이후의 최신 웹 개발