The component to show sort arrows. (up and down arrow) import { BiDownArrow, BiSolidDownArrow, BiSolidUpArrow, BiUpArrow, } from "react-icons/bi"; /** * To Add the sorting component * Call the component where it is required * by Create a…

How to access value when key name comes from a variable (V) in js object(O)? Using square bracket ([]). For example: O[V] Array(count).fill() — create a array of size count and fill it with undefined number can be used when for .map() or using other array properties. Array sorting — [].sort(() => {return boolean}) — conditional sorting js const frequencyMap = new Map(); Eg: Map(4) { ‘a’ => 7, ‘b’ => 5, ‘e’ => 5, ‘c’ => 2 } — Properties -> — has -> to check if element exist — set -> to add the element — enteries -> to search

How to use css? 1. Using a css file 2. Scss file 3. Inline css 4. Component framework — Bootstrap, Antd, Base UI, Material UI, Chakra 5. Styled Component 6. TailWind CSS Using SCSS pros - Nesting - variable - Mixins - Reusable - CSS Using framework pros - Optimize css …

with a nice explaination — Cross-Origin Resource Sharing (CORS) is a HTTP-header. It indicate any origins (domain, scheme, or port for fetch/xhr request) other than its own (the html, css, js (the ui) that is loaded when we call the domain) from which a browser should permit loading resources. It relies on mechanism — preflight request. What is preflight request? Preflight request — A request made by the browser in order to check that the server will permit the actual request.

Hook is the normal javascript function. We can build our own hook Why should we even build hooks? Reusability Readibility Maintability — seperation of concern Testable — Seperate test cases for utilities offload functionality Hook have their own reconcilation process. Create our own hook — whenever you think you can…

They are created using class keyword and by extending Component class from react. class Profile extends React.Component { render(){ return <h1>Profile class component</h1> } } Then most important part of class based component is render method. …

Reset file upload in react — Input file is hard to reset automatically. Once uploaded it can be reset using event object. event.target.value = null But the event object is attached to only the field. Thus, making it difficult to access with other fields. Ref link: https://bobbyhadz.com/blog/react-reset-file-input React common component like header menu, rendering behaviour on navigation? The react has ability to cache current page components…

useState hook The useState hook in used to create react variable. Normal variable in react are static variable and cannot be modified at runtime as well it is not a good practice to directly update the variable using dom update functions like getelementbyid(). Hence, create variables using useState. It can be modified using…

Truncate with reset sequence. TRUNCATE TABLE table_name RESTART IDENTITY; In postgres while creating a table having “serial” data type the data get autopopulated with increament order of values. Like id -> 1,2,3,4,5..,n (datatype: serial) But to clean this kind of table we require to use restart identity with truncate to restart the sequence. Otherwise…