CODE FIT PRO

Typescript= ommit, difference between interface and type,enum get rebase and git merge cors http vs https redux , context api, put and patch difference generator functions rem flex and grid

1 how react works ,virtual dom , source map

 useDebounce Hook react synthetic events useMemo and useCallback When to use an interface and when to use a type optimising an app When to use context and when to use Redux axios interceptor, http interceptopr axios middleware, useQuery redux, thunk and saga code review criteria, how will you code review

  // console.log(1)  //1 // let promise= new Promise((resolve,reject)=>{ //   console.log(2) //   setTimeout(() => { // console.log(12) //     resolve('foo'); //   }, 10);  // }) // console.log(3) //3  // promise // .then(data=>{ //         console.log(4,data) // }) // .catch(data=>{ //         console.log(5,data) // }) // console.log(7) // setTimeout(()=>{ // console.log(6) // },0) // //macro --6, (foo12) // //1 // //3 // //7 // //2-->  // //6 // //12 // //4 ,foo //Question: Given an array of integers, find two numbers such that they add up to a specific target value. Implement the function and optimize it for time complexity. // nums = [ 7, 11, 15,5] // target = 7 // //output: [0,1] // let map =new Map(); // // { } // for(let i=0;i<nums.length;i++){ //   let varFind = target-nums[i];    //   if(map.has(varFind)){ //...

 // a=10 // b=20   // const temp = a;  https://github.com/sudheerj/reactjs-interview-questions // a = b; // b = temp;//10   // a = a + b; //30 // b = a - b; //10 // a = a - b;//20   // [a, b] = [b, a]; // console.log(a,b) console.log(a,b) //life cycle method in react -->class based component //render props //hoc //automatic batching //what is call stack, how does the call stack //how the virtual dom is working //how the call stack is working //what is fiber algo //what is reconciliation Please go through these topics Call stack VIrtual Dom FIber Algorithm https://codesandbox.io/p/sandbox/clever-diffie-nqhck7 factory function fiber vs old reconciliation const length = 4; const numbers = []; for (var i = 0; i < length; i++); {   numbers.push(i + 1); } console.log(numbers); es6 const scores = [22, 33]const [math = 50, sci = 50, arts = 50] = scores   https://devhints.io/es6   pROMISE const data = [   {     id: 1,   ...

 //let const  //promises //Symbol //class //?? //EVENT LOOP //mircro --> promises --> fetch //macro/callback --> setTimeout(function() {}, 10); /** componentDidMo --> [] comonp ->[] timerID = setTimeout() return ()=>{    } */ //errorhandling--> componentdidcatch //dispatch --> token  //createAsyncThunk  //dispatch -->  //middleware  //react-router-dom //react-testing-library  //webdriver.io --> e2e //pipeline  //axios //enum name = unknown any  //eslint -->consle.log()  //eslintconfig --> //senorconfig in project //img load='lazy'  //webpack -->configuration //--> deep 

Previous project flow Technologies which u used react js optimisation techniques life cycle methods Useeffect where will use Usecontext api Redux vs contextapi diff Axios vs fetch diff Async vs promise Javascript - let var const diff Closer with example Es6 features HTML- symmetric vs non symmetric Grid vs flex Media query Node js basic questions SQL queries Aws lambda workflow

 Yes, this year I have done. a switch but yes there are so many things that I am not doing, That I should do. Let's create a table of all the good things and bad things that happened this year.

03-11-24 DSA- Patterns and Basic Maths Difference between process-stdout-write and console.log process.stdout.write() is a buffer/stream it continuously prints the information as the data being retrieved and doesn't add a new line it only takes a string argument rest it will throw a type error mostly it is used for printing patterns

 https://dev.to/narendersaini32/how-to-block-and-e-in-number-input-1hoe

 

  Arc and axe dev tools Andi

 1.italic _ _ 2.bold **  ** 3. italic+ bold _**  **_  or **_ _** --> order doesn't matter when can use anything in the start 4. headers - 6 types of headers #    ---->h1 ##   ---->h2 ###  ---->h3 .... 5.Links --> inline links []() ---> Reference links [Ankit Tyagi][id] [id]: www.google.com 6.images --> --->reference images   7. Blockquotes > 8.Lists          --> unordered --> * --> ordered -->  1. 2. 9.Paragraphs a) Front End frameworks and technologies like React.js, Vue.js, Anjular.js, JavaScript, HTML5, CSS3, Jasmine, Karma, Python. b) 2+ years of strong hands-on design & development experience with Java Server Development in Java, EE, Spring, Hibernate, Spring MVC, Struts, Hibernate, Java Web App Server (e.g. JBoss, Tomcat). c) Strong hands on experience with ...

 Diksha - 5 years - 22LPA Diksha 7 years  2 yrs 2 mos  1 yr 4 mos 3 yrs 9 mos 6 yr + 1yr+ 0.3yr --> 7.3 years --> 30LPA webpack   2 yrs  2months  2 yrs 5 mos 4yr 7months -->18.34 LPA Akshansh - 12yrs -> 1cr

 // //interceptor // //npm package // //mfe  // interface parent{ //     name ?: string | Array<String> ; // } //rtk interface vs type // interface child extends parent{ //     age: number; // } // function Button(onClick ,type='fill'){ //  <button id="btn"  onClick={onClick}>Click</button> // } var a = [1,2,[3,[4,[5],6]],7,8,[9]]   //output:-  [1,2,3,4,5,6,7,8,9] const flatArray =(arr,res=[])=>{     for(let el of arr){         if(Array.isArray(el)){             flatArray(el,res)         }         else{             res.push(el)         }     }     return res; } const res= flatArray(a); console.log(res)

  //contrcutor // render //  // useMemo(()=>{    // const ab=function sum(){ //   return a+b;  // } //   return sum // },[a,b])  // useCallback(()=>{ // return function(){    // }   // },[]) // React.memo(<child />) //==> pure component  //interseptor // var a=3; // var b=a++;//4 // var c=++a;//3 // console.log(a,b,c)//3,4,3 // const a = { x: 1, y: 2 }; // const b = a; // b.x = 3; // console.log(a); // console.log(b); const length = 4; const numbers = []; for (var i = 0; i < length; i++);{ numbers.push(i + 1); } //0+1 //1 //2 //3 [1,2,3,4]

 

 /* find the max occurence of element in arr output =>{   3:4 } */  const arr =[1,2,2,2,,4,5,3,3,3,3]; function maxOccurance(arr){   let hashMap={}   let maxOccuranceKey=0;   let ans={}     for(let el of arr){       if(hashMap[el] !==undefined){         hashMap[el]+=1;         maxOccuranceKey = Math.max(maxOccuranceKey,hashMap[el])       }       else{         hashMap[el]=1;       }   }   Object.entries(hashMap).forEach(([key,val])=>{   if(val===maxOccuranceKey){     ans[key]=val;   }   })   return ans; } const res= maxOccurance(arr); console.log(res) // const optimized=useCallback(()=>{    // },[])

 https://codepen.io/ankittyagi206/pen/GRLbRNy // function outer(x){ //     return function(y){ //         return x*y; //     } // } // console.log(outer(3)(4)) //map --> [] --> [] const obj={     name:'ankit' } const obj2= {...obj,...{     age:26 }} delete obj2.name console.log(obj2,obj) deep copy shallow copy promises async await // Given a string S containing alphanumeric characters, // The task is to calculate the sum of all numbers present in the string. // Output: 24 // Explanation: 1 + 23 = 24 // const input=  '1abc22' // function calculateSum(input){ //   let numArr =[];    //   for(let i=0; i<input.length;i++){ //     if(+input[i] && +input[i+1]){ //       let newNum=Number([input[i],input[i+1]].join('')); //       numArr.push(newNum) //     } //     else if(+input[...

learn classes and oops concept in js  // const arr=[1,2,3] // interface puppy{ //   color:String // } // interface cat extends puppy{ //   legs: Number  // } //Sort this array of objects by key // var ob = [ //   { "abc": 100 }, //   { "mno": 200 }, //   { "def": 100 }, //   { "pqr": 500 } // ]    // const res=ob.map((el)=>Object.keys(el)[0]); // let ans= res.sort().reduce((acc,curr)=>{ //   acc[curr]= ob.find((el)=>Object.keys(el)[0]===curr)[`${curr}`] //   return acc; // },{}) // console.log([ans]) const obj ={   name:'Ankit',   printName:function(    console.log(this.name)   ) } const obj2 ={   name:'Ankidddt' } obj.printName.call(obj2) //call ,apply --> // printName.call(thisArg,'state','') // printName.apply(thisArg,['','']) //