Sheetal Ware

Okay. So my name is Sheepalwari. I have completed my bachelor of engineering in information technology in 2013. After that, I started preparing for competitive examination, and I cracked 1. I worked with the revenue department of Nasik Maharashtra for 3 years, but that was a village post and I had to travel for 60 kilometers daily so that was very hectic for me That's why I resigned from that job, and I started my IT career with Lexin and SoftTech. I joined Lexin and SoftTech in 2,000 21 in May 2021, and I worked on React. Js, Node. Js, MongoDB, MySQL, HTML, CSS, and JavaScript. And within this 3 years of experience, I have worked with, uh, technologist with this technologist and then I work on the project. Uh, first my first project was IS. The main motive for, uh, for that project was, like, I was familiar with the competitive examination and that whole product was based on the competitive examination. There was a admin panel, user panel, student panel. Sorry. And from admin panel, the teacher can conduct a test and from student panel students who are unable to perform the test or give the examination and they can download their results. Uh, that is, uh, the and then I work with the, like, reactors and, uh, made some websites with the reactors, and real tech was one of them. That was a very good website. That was a construction building purpose website. Uh, that is all about me. Thank you.

Okay. So to manage state in large, uh, reactors uh, sorry. To manage state in a large scale reactors application, I will prefer to use, uh, Redux toolkit and, uh, you know, means there was a traditional, uh, method for state management. And, uh, into that, we have to pass the states to the of in the form of prompts to from 1 component to another component, and that was the like, uh, we will we were getting the nested component like structure and we have to pass the state to each and every component. Instead of that, we can use use context also, but in larger application, big application, there must be use of the Redux toolkit Redux toolkit, we can store the large amount of data there. Okay. Thank you.

Designing a component based application, how would you approach separation of concern? Okay. So separation of concern, we will just put our data in the component format. We will just take this, uh, form of data and divide it into the components and when these components are reusable, that's why we always prefer to use component based step approach.

Yes. If we are trying to do if we were working with the MongoDB and we want to integrate the data, uh, in the transactional integrity. So we will use the popularity so that our data will be get connected.

What technique can you use to handle a circle? Okay. Okay. So as we know that JavaScript is con a sync of it, promises a sync event promises callback, we can offer a synchronous operations in JavaScript. And the event loop, as we know that, uh, to run JavaScript to be required 2 things. First one is call stack and another thing is the APIs which are provided by browser or in terms of, uh, server, it is pro in terms of notice, it is provided by c plus plus. So direct instead of doing direct execution of the code when any callback function is fired, a request will go to the browser and and callback function will be fired there, and all the callback functions are waiting in the callback queue for the further execution. And event loop will examine whether this call set is empty or not and whether that event loop where that callback function, uh, call in callback queue, any callback function is waiting to get executed. If this both the conditions get satisfied, then event loop will just take the callback function from the call stack and push inside the we'll take the callback function from the, uh, callback queue and will push inside the call stack. How this asynchronous behavior will be done by the event group? That is one example from my side. Thank you.

How would you utilize the delivery services to enter process? Okay. So there is a library called, uh, or we can see built in model calls. We will just declare const calls. It's supposed to require calls, and we will use that calls to you, uh, after use calls with the help of course. Like, what happened when from front end side, we are trying to, uh, work with different URL and in back end, say, we are using different URL. But to have communication of the front end to the back end, this course that is cross origin decision sharing will be useful.

So this is the working with the class component. I usually work with the functional component, but still I would like to try this question. I think we should call the super constructor to the child constructor then result will be gate.

So this is the example of AsyncAwait, and in below function, we are using Async function handle data. Okay? So there will we will get raw data in the function fetched from the function fetched raw data, and we will store inside the raw data. And then we process once it And once it is done, the result will be resolved So yeah. Uh, this, uh, instead of using promises, we can use a syngavit at this new form or synthetic sugar on promises to handle callback function. So here, uh, in the last line, we can, uh, await that above function so that the after, uh, completing this main Async function, that function will be called.

So, yes, as I told you, my name is Shettalwari. I have completed my bachelor of engineering in information technology in 2013. After that, I started for preparing for competitive examination, and I cracked one exam. And I worked under the department of Nashik Maharashtra for 3 years, but that was a village post and I had to travel daily for 60 kilometers And because of my medical conditions, it was not possible for me. I was having bad pain because of traveling. So I resigned from that job, and I started my IT career with Light Genet Soft Tech. And in May 2021, I joined Light Genet Soft Tech. And in Light Genet Soft Tech, I worked on many technologies like HTML, CSS, JavaScript, Node. Js, React. Js, AWS, MongoDB. And in the form, if I'm using MongoDB, I would prefer to use Mongo's ODM, and then I also work for in the database for MySQL. And for that, I use the ORM for SQLize. Uh, I I'm married, and I'm ready to relocate, but my preference is to remote, uh, job. And, uh, uh, I have, uh, 2 siblings. My brother, he is a software engineer. My sister, she is a dentist. And my husband, he is a software, uh, developer since 10 years. Thank you.

Earlier, uh, before functional components interacts, there were no hooks. We are not using hooks, but from the functional component introduced, we are having options, like, to manage life cycle events that is use state or the use of context too. So to manage life cycle event, what happen? The React uses the virtual DOM. Okay? And, uh, virtual DOM is nothing but the exact copy of real DOM. So what happened when we are trying to change in states or props, uh, in the real DOM and the red when they are rendering again and again, that was very, uh, time consuming process and it was, uh, it is affect it affects the performance also that's why they are using sorry. That's why they are, uh, using this hooks. So use state, uh, the use state, use context. These are some of the hooks in which what happened, uh, the firstly, states and components are initial sorry. States and props in the components are initialized. The second place is mounting into that copy of what the real doc, uh, the, uh, the the copy of the real doc is created and its name is virtual doc. In which virtual DOM there are 2, uh, processes the 2 methods. First one is component read amount and second one is component build amount. So it will check if there any change in the real log. So and what happened virtual log will keep that copy with it. And then when if that change is done, it will done on the, uh, component mail mount and it will just check with it which section it's changed. And if, uh, he get the answer, then that will be affect on the real time. How in this way, the component will, uh, manage the life cycle event. And the last phase is unmounting into what the states and props are changed or or we can say updated.

In Monterrey projects, I have used many libraries, uh, like, but, uh, for the unit testing, I'm not sure about it. So I will sorry. I'm not able to answer this question. Thank you.