https://github.com/anoopraju31/namaste-react

namaste react is react tutorial series
https://github.com/anoopraju31/namaste-react

Last synced: 2 months ago
JSON representation

namaste react is react tutorial series

• Host: GitHub
• URL: https://github.com/anoopraju31/namaste-react
• Owner: anoopraju31
• Created: 2023-10-23T16:20:50.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-11-14T06:23:43.000Z (over 1 year ago)
• Last Synced: 2025-02-04T14:46:11.806Z (4 months ago)
• Language: JavaScript
• Size: 525 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: ReadMe.md

Awesome Lists containing this project

README

        
# Namaste React 🚀🚀

...

# Parcel

- Dev Build

- Local Server

- HMR = Hot Moudle Replacement

- Parcel uses a file watching alogorithm written in C++

- Faster Builds - Caching

- Image  Optimization

- Minification of file

- Bundling

- Compressing

- Consistent Hashing

- Code Splitting

- Differential Bundling - to support older browsers

- Diagonstics

- Error Handling

- HTTPs

- Tree Shaking - remove unused code

- Different bunndles for dev & production

## Food Ordering App - Namaste Food

- Header

    - Logo

    - Nav Items

- Body

    - Search

    - Restaurant Container

        - Restuarant Card

            - Image

            - Name of the Restaurant, Star Rating, cuisine, delivery time.

-Footer

    - Copyright

    - Links

    - Address

    - Contact

## React Hooks

- useState - to create superpowerfull react variables

- useEffect 

## Redux Toolkit

- install @redux-toolkit & react-redux

- Build our own store

- Connect the store to our app

- Create a slice

- dispatch an action

- read the data using selector

## Types of testing (developer)

 - Unit testing

 - Integration Testing

 - End to End Testing - e2e testing 

 ## Setting up testing

 - Install React Testing Library

 - Install Jest

 - Install Babel dependenies

 - 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