
I have experience of 6.5years as a React Js developer.As a senior frontend developer, my role revolves around the development of interactive user interfaces, ensuring seamless user experiences, and implementing responsive designs. I collaborate closely with designers and backend developers, utilizing my expertise in HTML, CSS, JavaScript, and modern frontend frameworks to create scalable and performant applications. Additionally, I stay up-to-date with industry trends and best practices to drive innovation in frontend development.
SENIOR SOFTWARE ENGINEER
Collabera digitalSENIOR ASSOCIATE TECHNOLOGY
Synechron TechnologiesSoftware Developer
Frontier TechworksAssociate Software Developer
Sri TrimurthyAeromarine servicesSoftware Developer
Vedic Bharat Technology SolutionsMy name is. I have 6.5 years of experience in the IT industry. So I have experience in both front end and back end as well. So coming to front end, I have a good experience in React JS, HTML, CSS, JavaScript, React, and Redux, TypeScript as well. And I have worked on micro front ends also. And I have good experience in Python, Django. With this, I have worked on building a few applications in Python and created various SQL APIs and all. So yeah. Over the past 6 years, I have been working in multiple technologies and created multiple projects and worked with various international clients like Standard Bank and Lowe's and created various applications like insurance products and vendor compliance products and human resource management systems and also worked in a German-based startup in which I worked on GraphQL and Gatsby to build a blog website. So this is all about myself. Thank you.
So to build a React JS dashboard, I will use reusable components. In the dashboard, there will be various reasonable widgets. I create separate components for each particular section. Each particular component will be used as a single component on the main screen. In this way, I can create a customizable dashboard by using React JS and Nexus as well. So, basically, for suppose if we have some tables and also we have some data and all, and also we will have some user information. I will first divide all these sections into separate components. And then, once each and every component is built separately, I will entirely include all these components into a single screen. Where it meets, I will name it as dashboard and it will be inside the main screen. To enhance this dashboard screen with NextOS features, I will use NextOS file-based routing. In NextOS, I can create a folder and create a file inside a particular folder so that this file will be treated as an individual route. If I name it as dashboard or JS, it will directly come on the UI like with the URL dashboard. And I can show the UI whatever is inside the dashboard JS file as a dashboard page. This is what I do when I need to create a dashboard and all. Yeah.
So, basically, next year, usually, next year, what happens is, while the build time, the APIs for a particular screen get called, and all the data is entered into the application there itself. So based on that, our application UI is getting rendered on the server side itself. We use features like get dynamic props in excess. By utilizing this hook, we can make an API call at build time and create a static page. In case we require generating dynamic content based on daily updates, we can use the get dynamic props hook to fetch the data whenever required. So, yeah, I will go ahead with this approach. Thank you.
So by utilizing the context API and hooks, if I need to maintain the state across various components, I will go with this approach. Like, basically, with the context API, I'll create all the context required for state management, and then I will create the React hooks. So, basically, this context will wrap my context onto the app's main app.js file. So what are the values I need to pass into the app? I can send the values to this wrapper. So once I wrap and send the values, I can get access to the values in all the components, which are the child components of the main app component. In this way, I can get all the required data from the parent component, which is wrapped inside a context wrapper. So yeah.
To manage session state one second. So if it's load balanced, the React application with a Django back end. So, basically, I will go with setting up a Django session management. So, in Django, we can enable session management. Django provides a framework in which we can save session data on the server side. And, users contain the session ID on the client side. We can also have authentication middleware for Django. So, we need to ensure that Django's session and authentication middleware are enabled. We also need to take care of Django's middleware. In this way, we can use Django's middleware to authenticate all the sessions. We can also use the Django REST framework for API endpoints. So, we need to install Django REST framework. This is used to build API endpoints for handling authentication, such as login and logout. We can use PIP install for this, like we can use the Django REST framework. This is a dependency. And then we need to create the endpoints for login and logout. We also need to set up Axios in React for API requests. To handle login and logout in React, we can use Axios, a third-party library with the endpoint we have created in the Django framework. We also need to use context for state management and session state. So, I think we can also predict routes based on the session states. So, in this way, we can create a robust way to manage our session state in a React app using a Django back end.
To build an optimized MySQL schema, okay, to build and optimize so we can follow key steps, best to ensure our database schema is well structured and normalized and optimized for performance. So, basically, Django provides a high-level ORM that allows you to define models, which are then converted into SQL tables. So, we can define our models carefully. We need to normalize data and then avoid over-normalization. And also, we need to use appropriate field types. So, we need to map our fields to appropriate Django fields, example, care field, integer field, and text field. And we need to set indexes and unique constraints. So, we need to set primary keys. By default, Django adds a primary key, ID, to each model. So, we can specify a different field as the primary key if needed. Django will keep the ID as a primary field, but we can specify a different one. And also, we need to keep unique constraints. We need to add the unique constraint as True so that we can have uniqueness in the fields. And also, we can use Django's database options for performance improvement. MySQL supports indexing options for improving query performance. For example, you can create composite indexes in Django's meta class to optimize multi-column searches. We can use foreign keys, one-to-one fields, and many-to-many fields so that we can get while defining relationships, it will be very easy. And we can also optimize query performance with select related and prefetch related. So, select related is used for single-value relationships, such as foreign keys and all. And on the other hand, prefetch related is used for many-to-many and reverse foreign key relationships. So, in this way, we can perform the upgrade lookup for each relationship and join them in Python.
I'm here to help with the transcript. What's the first part of the interview?
Yeah, so basically next year's okay. So, incremental static regeneration, basically, is used to improve the performance on any of the applications using next year's. So, it allows us to statically generate and then update, like, the news content incrementally. This is a big advantage of next years. So, basically, we can improve the performance in news portals. By using ISR, the pages load very fast, and the content is served prerendered. We don't need to fetch data at the time of load or create any HTML element while loading the screen. Instead, our HTML content is rendered, like, even before the user sees the screen. We can do this from a CDN, like, content delivery networks, and so the loading speed is very high. And, also, we can get the news portals. News portals need frequently updated data. ISR allows this feature by incrementally re-rendering the data in the background. Like, after a set of intervals, the data will get updated with the latest, fresh data without requiring us to pull that data again and again. So, we can optimize the performance of our application. And, also, by serving prerendered pages, ISR reduces the load on the server. So, as it does not require on-demand server-side rendering for each request. And, also, this allows new spotters to handle a large number of concurrent users because it reduces server costs. So, basically, to implement it, we can define our pages in Excel using getStaticProps, and also we can specify revalidate interval. With the help of getStaticProps and revalidate, we can ensure this. So, basically, this is what I approve. I will go ahead with this.
For cross-browser compatibility of a particular CSS file, there are some libraries which we can install so that by installing these libraries, it will add the webkit or hyphen webkit onto our CSS files. This particular feature will be helpful for cross-browser compatible CSS and also for cross-device compatible CSS, we can use media queries for different widths, so that it will be compatible with all the devices in which the screen is loaded on.
I think we need to first try and save the model. So first, we need to try our machine learning model in Python, using libraries like scikit-learn and TensorFlow or PyTorch. And once the model is trained, we need to save the model in a serialized format, such as Joblib or Pickle for scikit-learn models or it's 5 for Keras, or TensorFlow models. And so we need to load this model in Django. To do this, we need to add the shared model file to our Django project. So, basically, within an appropriate directory, we can create a new folder, like models. And then we need to load the model when Django starts, like, as a global variable. So it doesn't need to be loaded for each request. So we can load the model with the Django apps, like app.apps.pi. Like, views and utility functions can be used to load this Django model. And we also need to create a prediction view. To do this, you need to define the Django view to handle the incoming request for predictions. So the view should accept the input data, often via a POST request, with a JSON payload, and use the model to make predictions on the data. So we need to implement real-time prediction logic as well. So, basically, we can use this loaded model to make predictions on data received, process the data in the format expected by the model, and also invoke the model's prediction method and send the predictions as a response to the client. So, in the last step, it's basically optional, we can use Django's built-in framework, called BRF. So it simplifies handling JSON-based API requests and responses, making it easier to set up your Django back end for API calls. Yeah. So this is basically how I do this.