MyDailyLearn
🚀 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! 🌟
Install / Use
/learn @sajibcse68/MyDailyLearnREADME
MyDailyLearn 🧑💻
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: ✨
- Star ⭐ this repository to help it gain visibility.
- Share 📢 it with fellow developers who might find it useful.
Table of Contents
| | | | | | | | | | -------------------------- |----------------------------------------------------- | ---------------------- | ------------------------ | ---------------------- | ---------------------------- |------------------------------- | ---------------------------------------- | | <h3>React</h3> | <h3>Vanilla JavaScript</h3> | <h3>Git</h3> | <h3>Node</h3> | <h3>Vue</h3> | <h3>Docker</h3> | <h3>Angular</h3> | <h3>Unit Testing</h3> |
React
<details open> <summary> Hide/Show table of contents </summary>| Topic | Question |
| ----------------------- |------------------------------------------------------------------------------------------------------------------------|
| | <h3>Basic</h3> | |
| | What is React |
| | Installing |
| | <h3>React Props</h3> |
| | Use Default Props|
| | Use PropTypes to Define the Props We Expect|
| | <h3>Life Cycle</h3> | |
| | React Hook Flow Diagram|
| | React App Life-cycle Walk through|
| | LifeCycle Methods in Class Component|
| | <h3>React State</h3> | |
| 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 |
| | What is flushSync? |
| | Alternative State Initialization|
| | <h3>React Hooks</h3> |
| 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 |
| | <h3>Type of Components</h3> | |
| | Stateless Functional Component, Stateless Component and Stateful Component|
| | Compound Component|
| | Uncontrolled Component|
| | Controlled Component|
| | Higher Order Component|
| | <h3>Fragment<h3> |
| | React Fragment|
| | <h3>Refs and the DOM<h3> |
| | Refs and the DOM|
| | When to Use Refs|
| | Creating Refs|
| | Accessing Refs|
| | Use Callback on Image Load with Ref|
| | <h3>React Portals<h3> |
| | React Portals|
| | Usage of Portals|
| | <h3>React Route<h3> |
| | Familiar with Various React Router Libraries|
| | How to Not Navigation with React Router|
| | Three (3) Types of Router|
| | <h3>Context API<h3> |
| | Understand Context API|
| | Referencing Context in Stateless Functional Components|
| | Redux vs Context API|
| | <h3>Performance<h3> | |
| | Use of react-addons-perf |
| | What are the tricks we can use to optimize react app? |
| | <h3>Miscellaneous<h3> |
| | 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|
Vanilla JavaScript
<details open> <summary> Hide/Show Table of Contents </summary>| Topic | Question |
|--------------|----------|
| | <h3>Hoisting</h3> |
| | Explain Hoisting in JavaScript |
| | Why Hoisting Important? |
| | First, memory is set aside for all necessary variables and declared functions |
| | Function Expressions are never hoisted! They are treated as assignments |
| | Check if return statement is at the top |
| | Analyzing Hoisting Load Order I |
| | Analyzing load order II |
| | Analyzing Load Order III |
| | [The variables declared with let or const are hoisted but stay `unini
