Manasi Roy

Hi. I'm, uh, Manushik. I have total 9 years of experience in the front end development. I have a, um, 9 of 9 sense of experience as a senior front end developer. My skill sets are HTML 5, CSS 3, JavaScript, Bootstrap, React JS, and Gasp JS. And, currently, I'm working I'm not working. My, uh, previous companies and Epsilon. And last working day is the 16th February. So I'm a immediate

So in the React project large application, we are using the Redux Redux. That is the state management tool. So we can whatever, uh, we can have to pass the data. And we are, uh, there is an if there is an lots of, uh, state is there, so we can handle easily by triggering the actions or triggering the and reduces is there. And right now, in the Redux toolkit is there. So it is very useful to use. And, uh, it is not difficult. Like, previous, we are using the Redux. So in this way, we can use the large applications.

Uh, like this, uh, there is an, uh, some of the security measurement is there. Like, uh, in our, uh, code base also, there is in some of the security, like, agile method methodology we are using. And, uh, some of the, like, HTTPS request is there also. And, uh, in the front end technology, we are always using the GitHub tools. That is the user specific data is there. And, uh, there isn't, like, uh, some of the security reasons we have used, uh, of our, uh, like, uh, log in, log out password, username, password, um, in this

Okay. So first of all, in the reapply project, we'll, uh, we are just thinking that what is the design is there, what are the output is need to be done, and what are the components, uh, we have to create, what are the things we have to, like, uh, custom hooks? We have to create, like, custom functions. We have to create so that we can reuse that purpose. After that, there is in the process of the testing. So unit testing is there, uh, and cross browser checking is there. There if there is an issue, something is happening, like, we are using. And we can use the lighthouse performance also. And after that, it is always, uh, using that optimizations of the building. And after all the things is there, uh, there is a key way is there. So if there is any of the box console, we are just using on that process. And in this way, we are just building the

Okay. So, uh, my JavaScript, uh, code is, like, um, I have a total 9 years of experience. Within that first, uh, like, uh, 4 to 5 years, I worked with the jQuery. And after the digest, uh, converted the things with the work as a as a opportunity to work with the JavaScript, uh, ES 6 format. So, like, I used that, like, some JavaScript oops com on concept, and there is an e s six format I'm using. So it is helping to, like, uh, some of the things in the

So we can use the use memo, use callback functions. Uh, that is the React Hook project. So it helps us to, uh, I mean, re reusing the data, one time fetching, and it's, uh, memoize the data whenever we need to pick up callback or 1 data. So we can use the, like, use memo, use ref, or use, uh, callback also there. So

Okay, so here there isn't lots of syntax they used. So using without that, we can only use that display flex and flex direction column. And there isn't like, right now it's a modern browser is there. So we can't need to use that all of the like, we get most emails like that, if there isn't any of the like old browsers is there. So we can use the like, more on what they say, like, if there is an Mac issue or something so that that time we can use that at the rate like media so that webkit contact content is there. So we can just add the CSS and if there isn't any of the inconsistency in their code that is like, so many times they're using like dash webkit, dash moz, dash ms, it is not required actually. So display flex is enough here.

Okay. So, normally, um, we have to focus, like, the HTML. There is in some of the 70 HTML we have to use. Like, uh, within a section, there isn't, like, h tag is there. H one, only one times of use. Like that h 2, h 3, h 4, p tag. Like, this, we can just cement an HTML we have to follow. If there is an any of the picture is in use, so there is an HTML five we have introduced, like, picture tab. So within this picture tab, we can, uh, ratio, like, a uh, high resolution of events, like, uh, desktop, then tablet, then mobile version. There is an web accessibility code we have to use in our, uh, development. If it if that is the React or Angular project, so we have to keep mind that we do not, uh, fix the data for I mean, like, we call the same data every time. So instead of that, we can use, like, a custom hook or, uh, like, uh, memoizations code. So it's optimized. Uh, we can use, like, small chunk of JS importing with the main parent JS. So it is helping the optimizations also. And, uh, it's helped the speed also. And, uh, if there is an, uh, lighthouse Google Lighthouse, we can enable it, and we can check that whether the, uh, problem is there. So we can check and follow the whatever the things is there, we can follow. Uh, instead of CSS using, we can use the SDSS processor there. The and the JS purpose, uh, build is all already there in the React project or in or simply if I use the HTML, CSS, use case or only in normal projects so we can, uh, need to use, like, a, uh, build build purpose, it is helping. So in this way, we can optimize optimize our pro product.

Okay. For, uh, like, SEO purpose, there is an, uh, some of the tools we can use for SEO. And, uh, there is an, uh, lots of, uh, like, if we are using to face the data of sometimes, uh, there isn't, like, some of the code or some of the accessibility code we have to write like that. Uh, in this way, we can, uh, propose the SEO purpose. And, like, h 1 is 2 is 3. Like, this p check always be be there. So semantic HTML is most important. And, um, yeah, in this way, we can use this

How would Okay. I am familiar with the playwright. So my previous project, I worked with the, uh, playwright tools. So there is an automatically if we just, uh, like, entire the project, we have to check the, uh, header, whatever the link is there. So it is automatically comes, like And, uh, in the content image testing, uh, using, uh, in the React project using with the gist. So that is also very helpful.

Okay. So in the React tool, we can use the mem memory management, like, uh, use use memo, use callback, and, uh, like, prompt dealings, we can, uh, use with the context API like