Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/injamamulhak0804/master_in_react
https://github.com/injamamulhak0804/master_in_react
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/injamamulhak0804/master_in_react
- Owner: injamamulhak0804
- Created: 2023-12-18T06:13:55.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-21T12:41:51.000Z (11 months ago)
- Last Synced: 2024-02-21T13:47:00.428Z (11 months ago)
- Language: JavaScript
- Size: 231 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Mastering in react learning with react master
# CHEF FOODS
- Headers
- - logo
- - Nav Items
-
- Body
-
- - Search
- - RestoreContainer
- - RestaurantCard
- -img
- - Name of resturant, star, Cusine, Delivery Time.
-
- Footer
-
- - CopyRight
- - Links
- - Address
Two Types of export & Import
export default Components;
Import Components from "path";
export const components;
import {Components} from 'path';
# React Hooks
(Normal js Function) which are written by facebook developers
- useState()
- useEffect()
# 2 types of Routing in web pages
- Client Side Routing
- Server Side Routing
# redux Tollkit
- Install @reduxjs/tollkit and react-redux
- Build our store
- Connect Our Store to our app
- Slice or portion (card)
- dispatch (action)
- call the reducer fn()
- selector
# types of testing (developer)
- Unit testing
- Integration testing
- End to End testing
# setting up testing in our app
- Install React Testing Library
- Install Jest
- Install Babel dependices
- configure Babel
- configure Parcel config file to disable default babel transpilation
- jest - npx jest --init
- Install jsdom library
- Install @babel/preset-react - to make JSX work in test case
- Include @babel/preset-react inside my babel config
- Install @testing-library/jest-dom