Don't Confuse to learn ReactJs.
๐. ๐๐จ๐ฆ๐ฉ๐จ๐ง๐๐ง๐ญ๐ฌ
- Functional Components
- Class Components
- JSX (JavaScript XML) Syntax
๐. ๐๐ซ๐จ๐ฉ๐ฌ (๐๐ซ๐จ๐ฉ๐๐ซ๐ญ๐ข๐๐ฌ)
- Passing Props
- Default Props
- Prop Types
๐. ๐๐ญ๐๐ญ๐
- useState Hook
- Class Component State
- Immutable State
๐. ๐๐ข๐๐๐๐ฒ๐๐ฅ๐ ๐๐๐ญ๐ก๐จ๐๐ฌ (๐๐ฅ๐๐ฌ๐ฌ ๐๐จ๐ฆ๐ฉ๐จ๐ง๐๐ง๐ญ๐ฌ)
- componentDidMount
- componentDidUpdate
- componentWillUnmount
๐. ๐๐จ๐จ๐ค๐ฌ (๐ ๐ฎ๐ง๐๐ญ๐ข๐จ๐ง๐๐ฅ ๐๐จ๐ฆ๐ฉ๐จ๐ง๐๐ง๐ญ๐ฌ)
- useState
- useEffect
- useContext
- useReducer
- useCallback
- useMemo
- useRef
- useImperativeHandle
- useLayoutEffect
๐. ๐๐ฏ๐๐ง๐ญ ๐๐๐ง๐๐ฅ๐ข๐ง๐
- Handling Events in Functional Components
- Handling Events in Class Components
๐. ๐๐จ๐ง๐๐ข๐ญ๐ข๐จ๐ง๐๐ฅ ๐๐๐ง๐๐๐ซ๐ข๐ง๐
- if Statements
- Ternary Operators
- Logical && Operator
๐. ๐๐ข๐ฌ๐ญ๐ฌ ๐๐ง๐ ๐๐๐ฒ๐ฌ
- Rendering Lists
- Keys in React Lists
๐. ๐๐จ๐ฆ๐ฉ๐จ๐ง๐๐ง๐ญ ๐๐จ๐ฆ๐ฉ๐จ๐ฌ๐ข๐ญ๐ข๐จ๐ง
- Reusing Components
- Children Props
- Composition vs Inheritance
๐๐. ๐๐ข๐ ๐ก๐๐ซ-๐๐ซ๐๐๐ซ ๐๐จ๐ฆ๐ฉ๐จ๐ง๐๐ง๐ญ๐ฌ (๐๐๐)
- Creating HOCs
- Using HOCs for Reusability
๐๐. ๐๐๐ง๐๐๐ซ ๐๐ซ๐จ๐ฉ๐ฌ
- Using Render Props Pattern
๐๐. ๐๐๐๐๐ญ ๐๐จ๐ฎ๐ญ๐๐ซ
- Route Parameters
๐๐. ๐๐๐ฏ๐ข๐ ๐๐ญ๐ข๐จ๐ง
- useHistory Hook
- useLocation Hook
๐๐ญ๐๐ญ๐ ๐๐๐ง๐๐ ๐๐ฆ๐๐ง๐ญ
๐๐. ๐๐จ๐ง๐ญ๐๐ฑ๐ญ ๐๐๐
- Creating Context
- useContext Hook
๐๐. ๐๐๐๐ฎ๐ฑ
- Actions
- Reducers
- Store
- connect Function (React-Redux)
๐๐. ๐ ๐จ๐ซ๐ฆ๐ฌ
- Handling Form Data
- Controlled Components
- Uncontrolled Components ๐๐. ๐๐ข๐๐ ๐๐๐๐๐๐ญ๐ฌ
- useEffect for Data Fetching
- useEffect Cleanup
๐๐. ๐๐๐๐ ๐๐๐ช๐ฎ๐๐ฌ๐ญ๐ฌ
- Fetch API
- Axios Library
๐๐ซ๐ซ๐จ๐ซ ๐๐๐ง๐๐ฅ๐ข๐ง๐
๐๐. ๐๐ซ๐ซ๐จ๐ซ ๐๐จ๐ฎ๐ง๐๐๐ซ๐ข๐๐ฌ
- componentDidCatch (Class Components)
- ErrorBoundary Component (Functional Components)
๐๐. ๐๐๐ฌ๐ญ๐ข๐ง๐
- Jest Testing Framework
- React Testing Library
๐๐. ๐๐ฉ๐ญ๐ข๐ฆ๐ข๐ณ๐๐ญ๐ข๐จ๐ง
- Memoization
- Profiling and Performance Monitoring
๐๐. ๐๐ฎ๐ข๐ฅ๐ ๐๐ง๐ ๐๐๐ฉ๐ฅ๐จ๐ฒ๐ฆ๐๐ง๐ญ
- Create React App (CRA)
- Production Builds
- Deployment Strategies
๐
๐ซ๐๐ฆ๐๐ฐ๐จ๐ซ๐ค๐ฌ ๐๐ง๐ ๐๐ข๐๐ซ๐๐ซ๐ข๐๐ฌ
๐๐. ๐๐ญ๐ฒ๐ฅ๐ข๐ง๐ ๐๐ข๐๐ซ๐๐ซ๐ข๐๐ฌ
- Styled-components
- CSS Modules ๐๐. ๐๐ญ๐๐ญ๐ ๐๐๐ง๐๐ ๐๐ฆ๐๐ง๐ญ ๐๐ข๐๐ซ๐๐ซ๐ข๐๐ฌ
- Redux
- MobX ๐๐. ๐๐จ๐ฎ๐ญ๐ข๐ง๐ ๐๐ข๐๐ซ๐๐ซ๐ข๐๐ฌ
- React Router
- Reach Router
Top comments (1)
Thanks for sharing! Iโd like to recommend EchoAPIโit makes it easy to test the APIs that power my React apps, providing quick responses that enhance the development process.