Loading repository data…
Loading repository data…
sajibcse68 / repository
🚀 A daily log of my learning journey in development! 💻📚 Here, I share important commands, code snippets, and topics—ranging from basic to advanced—that I'm exploring every day. Join me as I grow and evolve in my coding skills! 🌟
This repository is a collection of useful commands, code snippets, and tutorials covering various technologies and concepts I encounter in my journey as a developer. 🌱
Explore, learn, and grow with me! 📚
Show your support: ✨
| React | Vanilla JavaScript | Git | Node | Vue | Docker | Angular | Unit Testing |
| Topic | Question |
|---|---|
| Basic | |
| What is React | |
| Installing | |
| React Props | |
| Use Default Props | |
| Use PropTypes to Define the Props We Expect | |
| Life Cycle | |
| React Hook Flow Diagram | |
| React App Life-cycle Walk through | |
| LifeCycle Methods in Class Component | |
| React State | |
| SetState | |
Understanding React setState | |
| Update a State Property | |
Passing a Function to setState() | |
| Access Previous State using Updater | |
| Lazy Initialization | |
| What is useState Lazy Initialization? | |
| Derived State | |
| When to Use Derived State? | |
| flushSync | |
| Alternative State Initialization |
| React Hooks |
| useLayoutEffect |
Which is preferred, useLayoutEffect or useEffect? |
| useLayoutEffect vs useEffect |
| What would happen if a user clicks on a 'count button' on the UI? |
When to use useLayoutEffect instead of useEffect? |
| useImperativeHandle |
What is useImperativeHandle hook? |
| Why use useImperativeHandle? |
| How useImperativeHandle works? |
How can we focus a child component's input element using useImperativeHandle |
When to use useImperativeHandle |
| Type of Components |
| Stateless Functional Component, Stateless Component and Stateful Component |
| Compound Component |
| Uncontrolled Component |
| Controlled Component |
| Higher Order Component |
| Fragment |
| React Fragment |
| Refs and the DOM |
| Refs and the DOM |
| When to Use Refs |
| Creating Refs |
| Accessing Refs |
| Use Callback on Image Load with Ref |
| React Portals |
| React Portals |
| Usage of Portals |
| React Route |
| Familiar with Various React Router Libraries |
| How to Not Navigation with React Router |
| Three (3) Types of Router |
| Context API |
| Understand Context API |
| Referencing Context in Stateless Functional Components |
| Redux vs Context API |
| Performance |
| Use of react-addons-perf |
| What are the tricks we can use to optimize react app? |
| Miscellaneous |
| React vs ReactDOM |
How to Prevent from re-rendering? |
When to Use Component Instead of PureComponent? |
| How can we avoid Props Drilling in React? |
What is the render props? |
| React Unit Tests vs Integration Tests for Components? |
| Migration from Class to Function Component |
| What is Constructor call? |
What is [[Prototype]] and where does it come from? |
How does [[Prototype]] affect the behavior of an object? |
What is the 3 different ways to find where an object[[Prototype]] linked to? |
Discuss: __proto__, [[Prototype]], prototype |
| Two mechanism always exists in JavaScirpt -- Lexical Scopes & Prototype Chain |
| Object Oriented in JavaScript |
| Explanation of Prototype |
When an inherited function is executed, the value of this points to the inheriting object, not to the prototype object where the function is an own property |
| [New object using Object |