Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Select an option

  • Save kellatirupathi/3c1d19b41665d4c5e71cb4cb4e6535f6 to your computer and use it in GitHub Desktop.

Select an option

Save kellatirupathi/3c1d19b41665d4c5e71cb4cb4e6535f6 to your computer and use it in GitHub Desktop.
Transcript for transcript_1UoFm90_hOvxZ8R2h9DqfcQEi3_cs45Tq_1_1701_99703d882841_4.txt
[00:00:00] I'm audible properly?
[00:00:02] Yes.
[00:00:03] Okay, great then.
[00:00:05] So quickly begin with your introduction first.
[00:00:09] Yeah, myself Chetan Purnagopal and I'm from Barangal.
[00:00:12] I've completed my graduation in the stream of Compressance and Engineering in the year 2024.
[00:00:17] After my graduation, I took training on the Manstack through the next year, where I developed my skills in the Node.js, Express.js, React.js, MongoDB, SQL Lite.
[00:00:28] Using these technologies, I've worked on different projects like front-end projects and full-stack projects as well.
[00:00:36] Apart from these technologies, I do have skills in Python and along with its libraries, NumPy and Pandas, which is great working with the AIML and data.
[00:00:48] And recently I've attended a workshop where I gained knowledge on the prompt engineering techniques and LLM models, how to use LLM models to
[00:00:59] leverage the code quality and improve the code efficiency.
[00:01:03] So this is all about me.
[00:01:05] Thank you for giving time to introduce myself.
[00:01:10] Okay, that's great to know about you, Chetan.
[00:01:13] So apart from one stack, you know Python as well?
[00:01:19] Yeah, Python as well.
[00:01:20] Okay, that's great.
[00:01:22] So please share your screen.
[00:01:26] And create a one blank react project.
[00:01:45] Can you able to see my screen?
[00:01:47] Yes.
[00:01:50] What I need to do?
[00:01:52] Create a blank React project.
[00:02:00] VS code do you have?
[00:02:01] Yeah, yeah.
[00:02:03] Open that.
[00:02:58] So, to develop React projects, we need some dependencies.
[00:03:02] We need to run some commands initially.
[00:03:05] Let me set up.
[00:03:11] Create one blank project.
[00:05:08] Do you have a pilot enabled in your system?
[00:05:14] Good morning.
[00:05:24] Hello.
[00:05:25] Yeah, yeah.
[00:05:27] Yes, sir.
[00:05:28] You have a pilot enabled in your system?
[00:05:30] Yes, yes.
[00:05:31] Can you please disable it or uninstall it?
[00:05:44] I don't have explicitly installed that co-pilot app like disabled it.
[00:05:52] I have disabled by typing anything.
[00:05:55] Here it will appear initially it will appear here i disabled it you have disabled it yeah okay remove that uh or enter code this const count etc whatever is it uh uh
[00:06:11] this thing above above above line number seven remove that
[00:06:22] Now I'll share you one API endpoint.
[00:06:26] Okay.
[00:06:28] Just.
[00:06:30] Just fetch the results from this API and show me on the browser the name of candidate, the name of the user and his email id.
[00:08:05] is not responding then you can use what is that explorer
[00:08:12] Use Explorer if you want.
[00:08:15] Or any other browser.
[00:10:07] That was a little bit of a surprise.
[00:12:17] The co-pilot is still working.
[00:12:24] So, I never used the co-pilot in my...
[00:12:28] Then how it is?
[00:12:31] Giving you the right solutions.
[00:12:37] Go to the extensions.
[00:12:40] Hello.
[00:12:41] Click on extensions.
[00:12:42] Click on extensions.
[00:12:47] Yeah.
[00:12:49] Search Copilot.
[00:13:03] Polycon, right?
[00:13:04] It's a good thing, you know.
[00:13:11] Disable it and install it.
[00:13:16] above on also uh it automatically got now it's fine now go and vote
[00:13:31] Now start writing the book.
[00:13:43] And I don't have much time, so please...
[00:13:48] Actually, my network is low.
[00:13:51] Sorry?
[00:13:53] My network is pretty low.
[00:13:56] Still, I think...
[00:13:58] Where it is coming?
[00:13:59] The profile is working.
[00:14:02] Restart your waste code once.
[00:14:04] Close it and restart it again.
[00:15:35] What happened?
[00:15:35] It got stuck?
[00:15:40] Hello.
[00:15:56] Hello, Sweden.
[00:16:01] Hello, Sam.
[00:16:01] What's up?
[00:16:03] Hello?
[00:16:07] Lias, what's happening?
[00:16:08] Your screen was greased for a while.
[00:16:16] I think there is some network issue from remote area.
[00:16:22] Okay, continue then.
[00:17:43] I didn't see that.
[00:19:19] What is the concept of virtual domain react?
[00:19:24] Sir?
[00:19:25] Hello?
[00:19:26] What is the concept of virtual domain reactor?
[00:19:32] Virtual domain, which like it will
[00:19:38] And.
[00:19:41] Dom is a tree structure or small down which will store the
[00:19:50] like instead of rendering an entire component let me take an example if when I run an application or run a web application instead of
[00:20:00] entire application, it will only load a specific component.
[00:20:07] Whenever a user triggers the state variable or if the props are changed, it will trigger only a specific component.
[00:20:20] Like instead of rendering every component in an application, it will render only that specific component.
[00:20:29] So it can improve the performance of a React application.
[00:20:35] Okay, why we use use effect?
[00:20:39] Use effect is used to work with the side effects like asynchronous functions.
[00:20:51] As you can see, fetching the data.
[00:20:55] Fitting the data from an API and like login authentication, generating the JWT token.
[00:21:07] For these kind of things, we use user effect.
[00:21:11] Okay.
[00:21:12] So if we are trying to fetch data or
[00:21:16] access any API without using the effect, then what will be the issue?
[00:21:21] Without using?
[00:21:24] Without using any use effect.
[00:21:26] If I'm making an API request, then we
[00:21:31] through any error?
[00:21:34] Like it will, yeah, it will not cause any error, but it will stop at that line.
[00:21:45] What asynchronous functions do, it will allow other processes to complete.
[00:21:55] These fetching method will take some time compared to the other normal print statement or consult statements will take some time.
[00:22:04] Do not erase any error, but it will decrease the speed of an application loading speed of application.
[00:22:14] Okay.
[00:22:15] Yeah.
[00:22:15] Fine.
[00:22:16] So why are the keywords async and await used together?
[00:22:23] Await like async asynchronous async keyword is used to tell a function is an asynchronous function and await keyword is used to a specific like in front of this fetch method we use the await
[00:22:37] we are letting the browser that it will take some time so in the meantime we can you can go through other processes which will take some less time
[00:22:49] So it will allow backend.
[00:22:53] These keyword allow run this process in the backend.
[00:22:58] Meanwhile, other process.
[00:23:00] are executed.
[00:23:02] Okay, we will not use this await keyword then what will happen?
[00:23:08] Like it will, as I said, it will stay on that line.
[00:23:14] It will like a synchronous function.
[00:23:17] It will, as JavaScript is a synchronous language, it will execute every code line by line.
[00:23:26] Even after executing a specific line, it will move to the next line.
[00:23:31] If you don't use a specific keyword like await, it will stay on that line and it will take some long time.
[00:23:39] Which may crash the application in some times as well.
[00:23:43] If we are not using that await keyword, then it will crash the application.
[00:23:49] Yeah, like not that way.
[00:23:51] Like it will take some long time to load the application.
[00:23:57] Okay.
[00:23:59] Fine.
[00:24:00] So why we use use state?
[00:24:03] Use state.
[00:24:03] Use state is used.
[00:24:05] Actually, a state is a mutable changing object.
[00:24:12] Whenever the user requests changes, these state variables changes like the state we can
[00:24:21] Using this use state, we can create some state variables like username.
[00:24:30] user credentials, whatever it might be.
[00:24:33] The input changing over time, we put in these state variables.
[00:24:42] Use state contains a variable followed by the callback function.
[00:24:49] Here I am just using a simple variable instead of use state.
[00:24:53] Then what will be the issue?
[00:24:56] Like I don't understand.
[00:24:57] Can you repeat?
[00:24:59] Suppose I don't want to use use state in react.
[00:25:02] I just want a simple variable to store my accounts and every data in simple variable.
[00:25:09] Then what will be the issue that it will create?
[00:25:13] Like it will render whole application.
[00:25:21] Like instead of rendering a specific component or a specific section, it will render a whole application.
[00:25:33] Okay.
[00:25:34] What are REST APIs?
[00:25:36] REST API is not a technology or concept.
[00:25:41] It is an app text style of defining the APIs.
[00:25:46] Like API is nothing but a bridge communication between the two softwares, like client and server.
[00:25:56] Through this REST API, it will allow us
[00:26:00] some HTTP methods directly, which like software communicate through like
[00:26:07] some HTTP methods like get post put delete, like getting the fixing the data, updating the data, inserting the data, deleting the data.
[00:26:17] So the
[00:26:21] STTP like in the REST API, the software will communicate to the API URLs over the internet using these HTTP methods.
[00:26:35] Yeah.
[00:26:35] Okay.
[00:26:36] Okay.
[00:26:37] Understood.
[00:26:38] Chetan, it was great interacting with you.
[00:26:40] Do you have any questions for me?
[00:26:43] Like, can you tell more about the company?
[00:26:47] Because when I'm searching on the internet, it's not giving the proper answer.
[00:26:53] Like, some websites are saying it's a cryptocurrency company, a blockchain technology company.
[00:27:01] Can you explain in details what actually it is?
[00:27:07] So we are an IT company.
[00:27:09] Okay.
[00:27:09] We build software, software as a product and as a service that we sell to our clients.
[00:27:16] Okay.
[00:27:17] And we use the blockchain and AI also.
[00:27:20] Okay.
[00:27:22] For building software platforms.
[00:27:25] Okay.
[00:27:26] Who is the clients of this company?
[00:27:29] Like who is the...
[00:27:30] As of now, what kind of major issue, like a big project you have worked with?
[00:27:41] So we are working on a portal called highstar.io.
[00:27:44] It's a background verification company.
[00:27:46] And our clients are big, big companies.
[00:27:51] Who are hiring a lot of candidates and who wants to run background verification check on their candidates.
[00:27:59] Okay.
[00:28:01] Thank you.
[00:28:01] That's all about my end.
[00:28:04] Okay.
[00:28:05] Thank you, Chitran.
[00:28:06] Thank you.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment