Author: Razvan Bielz
Date: 23.04.2022 - present

ZTM (zerotomastery.io) Course: Complete React Developer in 2022 (w/ Redux, Hooks, GraphQL)
Instructors: Andrei Neagoie, Yihua Zhang

Massive e-commerce application similar to Shopify using React, Redux, React Hooks, React Suspense, React Router, GraphQL, Context API, Firebase, Redux-Saga, Stripe + more. This is a full stack app (MERN stack), using Firebase.

• SASS
• CSS-in-JS (Styled-Components)
  • Navigation, Button, Cart Dropdown, Directory, Cart Icon, Form Input
• React Router v6
  • Browser Router
• Firebase v9
  • Authentication
  • Firestore Database
• useContext for User, Categories and Cart with useState and useEffect - Check Commit "useContext - before implementing Reducers"
• Observer Listener for Authentication
• Hosted on Netlify here
• useReducer for User & Cart Context - Check Commit "useReducer - before Redux"
• Redux + React-Redux + Reselect - Check Commit "Migrated Cart Context to Redux with Reselect"
• Redux-Logger + Self-Created Middleware Logger
• Redux-Persist for Cart and Categories
• Redux-Devtools
• Asynchronous Redux
  • Redux-Thunk - Check Commit "Implemented Redux-Thunk for categories, Spinner for Loading and unpersisted the categories"
  • Redux-Saga
    • Check Commit "Converted fetchCategoriesAsync from Thunk to Saga"
    • Check Commit "Migrated Check User, Sign In, Sign Up and Sign Out to Sagas"

⚠️ As of 29.04.2022 Stripe does not yet support React 18. I was forced to downgrade to React 17 at this point

• Stripe
• Serverless Functions
  • Netlify - uses AWS-like Lambda functions
• Converting to Typescript
  • Sagas using typed-redux-saga and babel-plugin-macros
• GraphQL & Apollo Client - "crwn-clothing-v2-graphql"
• Performance Optimizations
  • useCallback & useMemo
  • React Devtools Profiling & React Memo
  • Code Splitting, Dynamic Imports, Suspense & Lazy
• Mobile Support - Responsive Design
• Converting to PWA (Progressive Web App)