YumRush - Food Ordering App using ReactJS

Installation 🚀

• Clone the repository

 git clone https://github.com/username/YumRush.git

  #for npm users
  > npm install
  > npm run start OR npm start

Parcel

• Dev Build
• Local Server
• HMR = Hot Module replacement
• File Watching algorithm - Written in C++
• Caching faster builds
• Image optimization
• Minification of file
• Bundling
• Compress
• Consistent Hashigng
• Code Splitting
• Differential bundling - to support older browsers
• Diagnostics
• Error Handling
• HTTPS
• Tree Shaking

React Hooks

• useState()
• useEffect()

Types of Routing

• Client side routing
• Server side routing

Redux Toolkit

• Install @reduxjs/toolkit and react-redux
• Build out store
• Connect our store to our app
• Create a cart slice
• Dispatch (action)
• Selector

Types of Testing (developer)

• Unit testing
• Integration testing
• End to End testing - e2e testing

Setting up Testing in our app

• Install React testing Library
• Installed jest
• Installed Babel dependencies
• Configure Babel
• Configure Parcel Config file to disable default babel transpilation
• Jest configuration - npx jest --init
• Install jsdom library
• Install @babel/preset-react - to make JSX work in test cases
• Include @babel/preset-react inside my babel config
• npm i -D @testing-library/jest-dom