CSS - Flex
CSS has many layouts, and the default one is the flow layout. Each layout has its own CSS properties or sub-language. We can change from...
top of page
- Mar 22
- 2 min
CSS - Layout
If you want to understand CSS layout, we need to have a mental model of CSS layout works. If you learn every CSS property and its wide...
- Mar 20
- 3 min
CSS - Background-Images
The contents will be in the foreground when the image is in the background. The image size and background-size won't match. There will be...
- Mar 15
- 3 min
CSS - Positions
When the image is in the background, we will have content(texts, headings, etc.) in the foreground. There are mainly two aspects here -...
- Mar 15
- 3 min
CSS - Images
Dealing with images is tricky. Why? Because every image has its own width and height. We need to know where the image needs to be placed...
- Mar 13
- 3 min
CSS - Box Model
HTML --> Sturcture the content. CSS --> Style the content. Everything in CSS is a box. Be it a circle in CSS --> basically, we give...
- Mar 10
- 3 min
React Testing - VI - Mocking API
Frontend is mostly about displaying and fetching data from the backend using API. The web application is based on a client-server model....
![React Testing V - [Providers]](https://static.wixstatic.com/media/1f7141_44e0badbb2f5480a8824cff99b6ceed5~mv2.png/v1/fill/w_292,h_164,fp_0.50_0.50,q_95,enc_auto/1f7141_44e0badbb2f5480a8824cff99b6ceed5~mv2.png)
- Mar 10
- 2 min
React Testing V - [Providers]
Sometimes you may work with third-party component libraries like MUI. It might have a wrapper component that wraps our whole App...
![React Testing - IV [User Interactions]](https://static.wixstatic.com/media/1f7141_3083a65b6f8749e9a0aa63f82c2c8491~mv2.png/v1/fill/w_292,h_164,fp_0.50_0.50,q_95,enc_auto/1f7141_3083a65b6f8749e9a0aa63f82c2c8491~mv2.png)
- Mar 10
- 2 min
React Testing - IV [User Interactions]
When you display something on the browser, the user interacts with it. Say the button is clicked, typing in the input field, etc. That...
![React Testing - III [RTL Queries]](https://static.wixstatic.com/media/1f7141_909bcb5d67f44bafb7bd733ad668cc18~mv2.png/v1/fill/w_292,h_181,fp_0.50_0.50,q_95,enc_auto/1f7141_909bcb5d67f44bafb7bd733ad668cc18~mv2.png)
- Mar 10
- 2 min
React Testing - III [RTL Queries]
Any test has these three steps, Render the component Find the element rendered by the component Assert against the element found in the...
![React Testing - II [Coverage - Assertion - Matchers ]](https://static.wixstatic.com/media/1f7141_c8a809a53bd942489432983d8f47b98c~mv2.png/v1/fill/w_292,h_188,fp_0.50_0.50,q_95,enc_auto/1f7141_c8a809a53bd942489432983d8f47b98c~mv2.png)
- Mar 10
- 2 min
React Testing - II [Coverage - Assertion - Matchers ]
Code Coverage: Code coverage is a metric in software development to measure how much code is tested. More coverage, less the bug....
![React Testing - I [Intro - JEST-RTL with CRA ]](https://static.wixstatic.com/media/1f7141_29f1c3a94c6f4f82a862963d13e69fc8~mv2.png/v1/fill/w_292,h_164,fp_0.50_0.50,q_95,enc_auto/1f7141_29f1c3a94c6f4f82a862963d13e69fc8~mv2.png)
- Mar 10
- 3 min
React Testing - I [Intro - JEST-RTL with CRA ]
We do tests to deliver a confident product to the client. If you are a developer, you must have a basic understanding of testing. If you...
- Feb 27
- 2 min
What is "this" in Javascript?
Simple "this" keyword works weirdly in Javascript. First of all we need to understand that what ever code you write will be in Execution...
- Feb 24
- 4 min
How to understand Classes in Javascript?
Understanding why classes needed? Program = Data + Instructions on data Grouping of data --> structures --> C/C++. Grouping of...
- Feb 22
- 3 min
What is Webpack and How it works? II
Make sure to read this before proceeding - https://www.pansofarjun.com/post/what-is-webpack-and-how-it-works-i Add any console log...
- Feb 20
- 4 min
What is Webpack and How it works? I
No definitions! Yes, we will create a project and learn while using it. Create a folder called 'webpacktut.' Initialize git. Create a...
![How to implement React Hook Form [V:7 - UseForm, Controller, MUI, and Errors]](https://static.wixstatic.com/media/1f7141_faa327a2340f4b21aef076676d51e43e~mv2.png/v1/fill/w_280,h_280,fp_0.50_0.50,q_95,enc_auto/1f7141_faa327a2340f4b21aef076676d51e43e~mv2.png)
- Jan 10
- 2 min
How to implement React Hook Form [V:7 - UseForm, Controller, MUI, and Errors]
React Hook Form leverages the ref attribute in DOM for forms. Usually, we use React states to control the form input. When the state...
- Dec 21, 2022
- 3 min
Algorithms using Recursion in Javascript
Divide and Conquer Algorithms: Divide and Conquer is one of the algorithm paradigms that uses recursion. Here, The large problem is...
- Dec 13, 2022
- 2 min
Javascript Examples using Recursion
Please grasp the idea behind Recursion here. Reversing a String: Where to stop: Base case. Where to call itself: Recursive case. When we...
- Dec 12, 2022
- 4 min
Understanding Recursion in Javascript.
We need to understand the call stack in javascript to understand the whole picture of how recursion works. In-depth explanation here....
bottom of page