Food App: Using useContext, useReducer, useEffect and useRef
How components are divided Updated Version
My Learnings
Explore my blog posts documenting the insights and solutions I've gained from overcoming challenges over the past three years. Dive into a range of topics and lessons that showcase my continuous growth and expertise.
Explore by topic
useRef() With useImperativeHandle
In React, the useImperativeHandle hook allows you to customize the instance value that is exposed when a parent component calls ref on a child component....
useContext(): State Management in React
The React useContext hook is a feature that allows you to consume data from a React Context within a functional component. Context provides a way...
useReducer(): manage complex state
It is an alternative to using the useState hook and can be helpful when your component’s state logic becomes more complex and involves multiple actions.Practical...
useEffect(): Handling side effects in React
Syntax Practical Example Use cases of useEffect With empty dependncy With dependency What to add & Not to add as Dependencies In the previous lecture,...
for…in and for…of in JavaScript
In JavaScript, both the for...in and for...of statements are used to loop over elements in different types of collections. However they have distinct purposes and...
Break and Continue
In JavaScript, the break and continue statements are used to control the flow of loops. They allow you to alter the execution of a loop...
CRUD APP – Using Laravel
Create a folder with name of your project. I created here as laravel-crud and open it in your code editor here i am using visual...
Local storage vs Session Storage vs HTTP cookies
Local storage, session storage, and HTTP cookies are all mechanisms used by web browsers to store data on the client-side. However, there are some differences...
Local storage
Local storage, also knows as web storage, is a feature provided by modern web browsers that allows web applications to store data locally on the...
Session Storage
Session Storage is a web storage mechanism that allows web application to store key-value pairs in user’s browser session. It provides a way to store...
HTTP cookies
Cookies are small text files that stored on a user’s computer or device when they visit a website. They are created by a website’s server...
Labeled statement
A labeled statement in JavaScript is a statement that is prefixed with a label name. This label name can then be used with the break...
While statement
The while statement is a loop construct in JavaScript that repeatedly executes a block of code as long as a specified condition evaluates to true....
do…while statement
The do...while statement is a loop construct in javaScript that executes a block of code at least once, and then continues to executes the block...
JavaScript For Loop
JavaScript for loop is a fundamental construct that allows developers to iterate over a collection of elements. While simple for loops are widely understood, mastering...
Loops and iteration
Loops offer a quick and easy way to do something repeatedly. Loop and iterations are used to execute a block of code repeatedly or iterate...
JS DOM Best Practice: Load js only if specific select is available
Set Up a Local WordPress Site Installing WordPress Using XAMPP
STEP 1: Download Latest WordPress File Download Link Move downloaded file into XAMPP folder htdocs and extract this folder After extraction completed you get a...
Equality Comparisons in JavaScript
Comparison operators are used in logical statements to determine equality or difference between variables or values. Comparison operators can be used in conditional statements to...