React js

• What is React js?

  • It is a javascript library for building user interfaces (UIs).
  • Component based

• Concepts:

  • Virtual DOM React
  • State React
  • Hooks React
  • JSX React
  • Props React
  • Component Lifecycle React
  • Context API React
  • State Management Libraries React
  • React Router DOM React
  • Functional components always re-render when their parent re-renders unless they're wrapped in memo.

• Design patterns

  • Single Responsibility Principle React
  • Custom Hooks React

• Initializing a React Project React

• Build Tools React

Resources

• React Internals explorer
• https://github.com/sudheerj/reactjs-interview-questions
• Chai aur Code React Playlist
• Online React Editor
• React visualizer

Projects

• NotesApp
• MarkdownEditor
• TodoApp
• Kanban Board Assignment Quicksell

Notes

Revision

• NotesApp
• React js
• Interview Questions React
• Virtual DOM React
• State React
• Hooks React
• Kanban Board Assignment Quicksell
• JSX React
• useState Hook React
• useEffect Hook React
• useContext Hook React
• Features React
• Prop Drilling React
• Context API React
• useRef Hook React
• useCallback Hook React
• useMemo Hook React
• Custom Hooks React
• Component Lifecycle React
• Cleanup Function UseEffect React
• Click Away Functionality React
• Memo React
• Initializing a React Project React
• useNavigate React Router
• useParams React Router
• useLocation React Router
• useSearchParams React Router
• useRouteMatch React Router
• Build Tools React
• Steps for using Context API React
• Steps for Redux Toolkit React
• Data Flow Redux React
• Props React
• Good Practices & Conventions Reactjs
• Context API with Custom Hook React
• State Management Libraries React
• Redux React
• React Router DOM React
• useReducer Hook React
• React Scan
• useImperativeHandle Hook React
• React Reconciliation
• Code Splitting React
• ForwardRef React
• React Questions
• Conditional Rendering React
• Logical and (&&) operator conditional rendering React