Harshit Bambharoliya

Good evening. I'm just gonna go to background. Maybe a quick introduction. Oh, hey. I'm Harshid Bangran. As of now, I'm working as a developer, and currently, uh, I'm working in the back end back end development like Node. Js. So I was previously working there and, uh, like, level of functions and also worked in the. And, also, uh, I was worked, uh, worked in, uh, like, Next. Js and I also work with HTML and all other things. So, uh, it is my boyfriend. I have, uh, experienced, like, 3.5 years and more than I like that. Uh, so that is the introduction about myself.

What are the scheduling using effect to optimize the booking process for you to make your project? For the optimizing React and Oh, any webpack like, uh, any library we can use, like, webpack. Uh, web 3, we can use. So we can easily we can easily, like, simplify the code and, reloading time and reloading time in the React and Angular is too too too low. So that we need to use the webpack, and we can use multiple shredders. Like, we can compress the files, and we can

For the authentication in the AWS services, In our application, we can use AWS Cognito. Like, in the Cognito, we can easily Authenticate the user by the AWS AWS service. Also, we can use, uh, multiple other services for the for the in the application. But, uh, AWS can provide Cognito user access so we can easily, Log in the user and authenticate the user. Like, uh, is it still providing, like, uh, 2 factor verification and all other things. We can use Cognito. AWS Cognito. So we can use we we can easily, uh, uh, authenticate the user.

Considering high traffic for step up, how did you prevent difficult casing strategy for the front end? For the caching strategy, uh, we can maybe use, Like, uh, a mode reader server. Like, uh, what we can set is Like, uh, we can use DNS server, so that so that is the Uh, implement for us, like, uh, from the another region, say, users are coming in the in those our server. So What DNS can do? Like, uh, uh, DNS server can do, uh, like, store some cache share data into the so user directly Google. Your other data will directly go from the DNS server first. And if DNS server is not available, the the other data is not available, then then directly go to the main server. We can use DNS service for that and

Like, uh, we are using 1 application. There is a continuous deployment we have. So we deploy through the CICD. So deployment will be automatically like, Like, deployment will be automatic there, so server cannot, uh, like, uh, down and A user cannot interrupt interrupt there. So we can deploy it deploy the CICD application. So, also, I will note down. And, also, we can We can optimize continuous deployment deployment into the traffic trafficking on time so we can easily deploy the server and first

In the React function component, uh, uh, we are using, We are using the state and managing state through the use state use state hook. In the class component, we are using state to the like, where I I already declared the state into the class component. And, uh, whenever, uh, our state is mount and change and, uh, like, uh, on mount, so we can we we need to, Use method into the class so we can easily manage the state into the class. Like, uh, there are 3 methods into into the class component, component date, and Component did and mount and, uh, uh, component did sorry. Uh, yeah. Component, uh, component did changed.

There is a Python code, but I have no idea do the Python code. Maybe I can use the thing. Like, first of all, my class is declared into the my class. Sales. Okay. 75. Like, into the my class, maybe we need to call a function. Okay. I mean, there is no method into the my class, so hello world uh

Into the async function, uh, we need to handle, uh, error ex exception. Like, try catch, we can put into the, uh, we can we can return the error from the arriving from the, like, air from the async API. So We need to put the async away into the, uh, into the async function. Sorry. We need to we need to put the into the async function so that's why We can easily manage the error ex error error exception and handling into the, uh, you know, into the function. So output will be there. Like, If a response should be, uh, success, then data will be data will be fresh. But if response is not success, then Uh, output will, uh, interrupt. So we can we need to use the dry cage into this

Like, no idea about the robust webpack configuration for the project. Yeah. I don't have idea about the robust configuration for the

Like, server side rendering is is managing from the server side. So for the for the benefit for this is the benefit of the user. If user user don't have any browser capacity to load the application, then server side rendering will do better. Like, whenever we are, uh, using the React or Angular project, then server rendering, uh, should be better. Like, whenever we are large scaling project in All day, everything, like, fewer than server side, it will be better. But, uh, whenever whenever application is small and it is, Like, easy loading to the clients, like, global clients, environment, client browsers. So we know we don't need to use server side editing. So servers server side rendering, maybe, We can use into the React and, uh, in there, but it it will help fully only large application, large scale application. It it is more You will look for our code and all things

Like, as for the security purpose, uh, we are getting 1 issue Awesome. Uh, user user have access of our AWS AWS bucket. So what we what we have done from the front end side, we're directly using Uh, AWS key and AWS key for the bucket. So at the time, we note we notified the user can get access directly from the AWS and get the key from the front end code. So what we what we done at the at the time, we, uh, met we created 1 API for the AWS bucket uploading and for the AWS cloud and directly we are using the, uh, uploading uploading via API through API. So we create 1 server in the routing web through the instead of being directly, uh, apart from the application side. So that is our, uh, our, Uh, must error, like, visual