Jeena Thomas

Could you help me to understand about your background and by giving the brief introduction of yourself? Yes. I'm Sheena. I'm from Kerala, and I have completed Master of Computer Application in 2020, and I have three years of experience. It's the... MIO2 is the first company, and it's been three years I'm working in MIO2, and my stats are ReactJS and React Native. I can handle both ReactJS and React... Sorry. Web and mobile applications, and I have done three projects in my career, and the projects are Head Coach, Build Connect, and the Cruise Trip. Head Coach is the emotional intelligence tracking of the coaches and players, where the coaches can track their players' emotional intelligence and their habits, their well-being, et cetera, with the help of some certain analysis, and coaches can get all the reports regarding their emotional intelligence through the application. And another project is Build Connect. Build Connect is the... Sorry. In Head Coach, I have done as a mobile application developer, and in Build Connect, I have done mobile application developer as well as the web application developer, and that project is the construction management platform. It's the communication between the builder and the owner. Builders can communicate to the owners through that application. Also, owners can get all the updates regarding their construction progress and their construction progress. Also, owners can get the construction progress images. Also, owners can choose what materials to be chosen for the construction progress. These things can be done by this application, and along with that, owners and builders can communicate with that application, can message through that application. Another one is Cruise Trip. Cruise Trip is the data analytical platform where the organizations can create data and analyze their data, their progress, and so on. That's about myself.

Can you outline the process of lifting up lifting up state in React? Yeah. Lifting up state means that, uh, the we have a parent component as well as the child component. And uh, the state inside the child component can be used in the parent component as well as that state can be shared among the other components. Uh, this, uh, process is lifting and state that, uh, child component state can be used inside the parent component. Uh, in child component state can be used inside the parent component. So the, um, lift the state be lifting up, and this process is called lifting up state in React. We can access child component state inside the parent component. Also, we can share the, um, state as a lifting of state in

How can I use React Context API in conjunction with React Native or for global state management? React Context API. Yeah. React Context API, uh, in conjunction with the React React API. Context APIs have the APIs that can provide the, uh, that's a way to provide. We can access the state l. We can access the day state in, um, in a global way. So, uh, for example, in the, uh, consider, if we have a parent component and we have child component and then child component, we can pass the state, uh, 1 1 child component and and so on. That that process is called a prompt scheduling. We can avoid that prompt scheduling with the help of this context APIs. Context APIs can provide the state. Uh, we can access that state along, uh, all the application without need of any passer passing pro props. We can just access the, um, context context inside the components by, uh, the con context can be created with the help of create context create context, uh, function. And we just, uh, just wrap the application, uh, with the provider's data, provider with the con with the context. And we can access this, uh, context by using use context.

What are the major differences between class components or functional components? Yeah. Class components means that class components have the, uh, is a stateful component. Class components condense their own states as well as the life cycle methods. And class components, um, in class components, uh, condense the constructor as well as the, uh, their own state, uh, their own state. But in functional component, functional component is stateless stateless. And in functional component, um, the, uh, state can be, um, it it doesn't contain any state or a life cycle methods. Uh, in functional component, these life cycle methods and state can be achieved with the help of hooks. Hook with the help of that hooks, we can achieve the, um, state and, uh, life cycle methods and functional components. Uh, for example, uh, use state. By with the help of the use state hook, we can we can act we can create the state and as well as we can modify the state. And by with the help of that use of it, we can, um, uh, in we can implement the life cycle methods in functional component, Like mounting, unmounting, and, uh, updating phase can be implemented with the help help of this, uh, useEffect hook in functional component. But in, um, class components already have a building, uh, life cycle methods and state state with the this in class components, the state can be construct with the help of that constructor. Yeah. That's

How do you integrate React, uh, integrate React application with an existing rest rest API? Yeah. Rest API can be, um, in in React, Rest API can be integrated with the help of that Axios. Access is the, uh, way to provide. We can communicate with the server and the, uh, client. With the help of that access, access, we can, uh, communicate with the server and the client. Also, uh, free also, either we can, uh, use, um, data. We add query. We can query the application and spontaneously spontaneously returns the results, and we can access the result in the application. Or else we can use that, uh, context API or, um, Redux can be used to do, um, used to call the used to write the asynchronous functions in the, um, in in our React application and can access in the application. Yeah. Uh, in my in my project, we are using product to integrate the, um, that, um, REST APIs. And with the help of that product saga in, uh, ready users, we are, um, we are writing, uh, asynchronous calls, uh, inside the reducers and introduce as a generator. We are this is a generator function. And generator functions can handle the

What approach, uh, you to take a debug, the performance of React Native Android app? Okay. React Native Android app. Sorry. Uh, in React Native, mhmm, Android React Native Android app, we can debug with the help of any, uh, debug performance issues. Yeah. Uh, to debug the performance issues by in Native, we can use that, um, either Flipper or React Native dev tool. Or Chrome, uh, Chrome dev tools can be used to do, uh, in the used to used to for debugging purpose. Also, the flipper, uh, either the flipper or React Native, um, that React Native tools can provide different types of need we can use network calls, uh, network calls, or you can integrate that. Uh, if you are using Redux, you can integrate that Redux flow. Uh, also, uh, with the help of console. Log inside the application can trigger debug the,

In this CSS snippet, certain styles are not being applied as expected. Okay, what do you issue? How might CSS cascade and specify the rules be affecting? I think dot my container means that dot indicate the name of the class component. I think we are not we are not used any hyphen inside the naming a either a class proper either the class name or for the ID. We are not that used any under hyphen or any minus or hyphens inside. We can use either that camel case for either camel case or we can use underscore. And in that case, I think I'm not sure. But yeah, the color is in color is red, but it's it's not in a single card. Just like a red is a string. Also blue is a string. So either it can be put inside the string, it can be used. That's right. I think that's right.

given the react snippet can you identify why a given might not be re-renders aspected the it state updated cannot be it might not be re-rendering as expected okay okay first of all I'm not that much aware but I'm not that used to class components I have used the functional components while I need just to try the constructor constructor can be used to define the state it can be executed I'll be mounting face and in here we are using increment increment count increment count and this total state don't count plus equal to one increment the state count itself this increment re-rendering as much when it when the state is updated this increment is a button yeah when we click on this increment in this case I think in the updating phase it provides some classes should component update or should component data update inside that function we need to write the increment count to update when the state changes in function in the case of functional components we can provide it inside the use of it hook or something else or we can use use callback to render the state

What the what is the role of virtual domain? The IT okay. Virtual DOM is the document object model. DOM is the, uh, document object model, and it's a, uh, tree like representation of HTML elements. And in DOM, uh, the virtual DOM. Virtual DOM means that it's a con it's a, uh, it's a exactly same as the, uh, real DOM, but it's a copy of the real DOM. And if they made any changes inside the DOM, uh, first, they check with the, uh, in uh, in sorry. If we made any changes in the UI elements, first, it check checks with the, uh, virtual DOM and the previous state of the virtual DOM. DOM. Then, uh, uh, first, um, the virtual DOM and the previous state of the virtual DOM, and it combos the uh, combos each node and, uh, find out the whether, uh, whether any changes have been done in any specific node. And it find out the node that that is being changed, and it updates the word real DOM with data. Only the change to be, um, all, uh, uh, it updates only the change to be, um, happened in the only the node that that the change to be happened. No. Uh, there is no updating, uh, the whole nodes. Instead of, uh, updating the whole node, only the node that to be changed will be updated updated. So the performance and the, uh, performance will be higher as well as the, um, that loading time is, um, ready. Uh, loading time is, um, faster, and the we can, um, easily get the, uh, updated UI. Easily, UI will be rendered, and they, um, when it when there is any proposed, the state changes inside the UI in React application.

How do you effectively replace Webpack and Webpack projects building? K. Webpack is the Webpack, uh, Webpack means Webpack is the compiler for the React applications. And Webpack, uh, is the, um, yeah, Mhmm. Babble can be convert the here, we, nowadays, we are using ECMAScripts. And, uh, so, um, Babble can convert the code with with respect to the browser compatibility. The Babble can convert the JS code. The package to compile for the React application. It combines the JS code to the, uh, corresponding web applications. That's it.

How do you implement the animation? Uh, animations of React Native can be, uh, implemented with the help of React Native Reanimator. Yeah. React Native Reanimator is a package that provides different types of animations. It's a best package that, uh, that we can use, and it provides different classes and different functions to we can we can use to, uh, generate the animations. To uh