React

This repository is day to day update of my react

Feel free to go to each folder and Notes is available in Every Folder's Readme.md

Day 1

• React.createElement()
• React.createRoot()
• render()

Day 2

• Parcel
• Bundler
• ^ & ~ in versions for dependencies
• browserlist

Day 3

• JSX
• React Components (Class, Functional)
• Component Composition: Component inside a component
• Features of JSX

Day 4

• Props
• Destructuring on the fly
• Optional Chaining

Day 5

• Named and Default Exports
• React Hooks
• useState()
• Reconciliation ALgorithm

Day 6

• Monolith & Microservices
• useEffect()
• CORS
• Shimmer
• Filtering the data

Day 7

• useEffect()
• Routing
• createBrowserRouter()
• RouterProvider
• useRouterError()
• Children Routes
• Outlet
• Link Component

Day 8

• Class Based Components
• render()
• super() constructor
• React.Component
• State declaration
• setState()
• React Component LifeCycle Methods
  • componentDidMount()
  • componentWillUnmount()
  • componentDidUpdate()
• Render Phases

Day 9

• Optimize React App
• Custom Hooks
• App Chunking (Lazy Loading)
• lazy()
• Suspense tag

Day 10

• Tailwind
• Installation
• Initialization

Day 11

• High Order Components
• Accrodion
• Prop Drilling
• Context API
  • createContext()
  • useContext()
  • Context.Provider
  • Context.Consumer

Day 12

• Redux Toolkit
• Installation & Setup
• Redux Store
• Actions in Redux
• Reducers in Redux
• Redux Store - configureStore()
• Provider
• Redux Slice - createSlice()
  • name
  • initialState
  • reducers (functions)
• Selectors - useSelector()
• Dispatch a reducer - useDispatch()
• Mutating states in old Redux toolkit
• Immer - used in Redux to change states
• current()

Day 13

• Testing
• React Tesing Library
• Jest library
• Dependencies and Setup
• Configure with babel & parcel
• jsdom - virtual browser for testing
• test()
• expect()
• tobe()
• toBeInTheDocument()
• Unit Tesing using Jest
• describe()
• it()
• Redux in Testing
• Integration Testing
• fireEvent
• Testing High Order Components
• global.fetch()
• act()
• getByRole()
• getByTestId()
• data-testid attribute in JSX
• afterAll()
• afterEach()
• beforeAll()
• beforeEach()
• Multiple test at a time.