Manasi Roy

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

In a large React application, we're using Redux as our state management tool. That is the state management tool we're using. So we can, whatever, pass data. And we are using it because there is a lot of state, so we can handle it easily by triggering actions or triggering reducers. And right now, in the Redux toolkit. It is very useful to use. And, it is not difficult. Like, previously, we were using Redux. So in this way, we can use large applications.

This is an example of some of the security measurements that are there. Like, in our code base, there are some security measures also, such as agile methodology we are using. And, some of the HTTPS requests are there as well. And, in the front end technology, we are always using GitHub tools. That is where the user specific data is located. And, there aren't some of the security reasons we have used for our login, logout, password, and username in this.

In the reapply project, we're thinking about what the design is, what the output needs to be, and what components we have to create, including custom hooks and custom functions that we can reuse for a specific purpose. After that, there's the testing process. We have unit testing and cross-browser checking. If there's an issue, we use the tools we're familiar with. We can also use Lighthouse performance. Then, we use optimizations for building. Once all the steps are in place, there's a key process. If there's an issue with the console, we use it during that process. And in this way, we build the project.

I have a total of 9 years of experience in JavaScript. Within that first 4 to 5 years, I worked with jQuery. And after that, I converted to the opportunity to work with the JavaScript ES 6 format. So, I used some JavaScript object-oriented concepts, and there is the ES 6 format I'm using. It is helping with some of the things in the language.

So we can use the use memo, use callback functions. That is the React Hook project. It helps us to re reuse the data, one time fetching, and it memoizes the data whenever we need to pick up the callback or data. So we can use the use memo, use ref, or use callback also there.

Okay, so here there isn't lots of syntax they used. So using without that, we can only use display flex and flex direction column. And there isn't, currently it's a modern browser, is there? So we can't need to use all of that, we get most emails that are like that, if there aren't any old browsers, are there? So we can use more of what they say, if there's a Mac issue or something, so that time we can use the @media rule, so that webkit, -webkit, -moz, -ms, it's not required actually. So display flex is enough here.

So, normally, we have to focus on the HTML. There is some HTML we have to use. Within a section, there isn't an h tag; we use h1 only once. That's how we use h2, h3, h4, and p tags. This is the HTML we have to follow. If there's a picture in use, we have to introduce an HTML five picture tag. Within this picture tag, we can set a ratio, like a high-resolution image for desktop, then tablet, then mobile version. We also have to use web accessibility code in our development. If it's a React or Angular project, we have to keep in mind that we don't fix the data, meaning we call the same data every time. Instead, we can use a custom hook or memoization code, so it's optimized. We can also use small chunks of JS importing with the main parent JS, which helps with optimization. It also helps with speed. And if there's an issue, we can use Google Lighthouse and enable it to check whether there's a problem. We can then follow the things it suggests. Instead of using CSS, we can use the SASS processor. The build purpose is already there in the React project or in HTML, CSS, and JS projects, so we can use it. In this way, we can optimize our product.

For SEO purposes, there are some tools we can use. There are lots of tools if we're facing data sometimes, and there isn't some code or accessibility code we have to write. In this way, we can propose the SEO purpose. And, like, H1 is two, H2 is three. Like, this page check always be there. So, semantic HTML is most important. And, yeah, in this way, we can use this.

I am familiar with the playwright. So, my previous project, I worked with the playwright tools. So, there is an automatic process if we just import the project, we have to check the header, whatever the link is there. So, it is automatically generated. And, in the content image testing, using the React project with the gist. So, that is also very helpful.

We can use memory management, like, with use memo, use callback, and prompt dealings, we can use with the context API.