Frontend Internship Interview Experience
Tags: javascript, react, internship, interview
Published: 2022-03-27 03:53:54

Long story short, I applied to XYZ company through [Internshala](internshala.com) for a frontend developer position. 
- 1st step was to complete a task in which I was asked to make a basic hospital management system. Source code [here](https://github.com/AshutoshDash1999/hospital-management) and live preview [here](https://hospital-managment.netlify.app/).
- Although I submitted my project doing half of the work still the HR scheduled an HR Technical Round with their team lead. The following questions were asked and I'll try my best to answer those here.

## Q1. Tell me about yourself apart from your skill sets.
_Ans: My name is Ashutosh Dash and I'm from Balasore, Odisha. Currently, I'm in my 1st year of MCA at the Odisha University of Technology and Research. My hobbies include books reading and listening to songs. My strength includes my ability to work as part of a team. During hackathons, I always lead my team and out of 5 hackathons my team has secured a position in the top 10 or as a runner up. Also, I have volunteered as a frontend developer for GirlScript Bhubaneswar, where we built a homepage for them._ 

## Q2. What are the advantages of react?
_Ans: 1. Reusable Components_
_2. Easier to write code in JSX._
_3. Ability to create SPA(Single Page Application)_
_4. SEO friendly (I don't why! Please mention in comments if you know)_
_5. Virtual DOM helps in smooth and faster performance._

## Q3. Angular vs React
_Ans: 1. Angular is a framework built using Typescript while React is a library built using JSX._
_2. Angular is used to create complex projects while React is used to build UI components._
_3. The learning curve for Angular is more than React._

## Q4. What are the keys in react?
_Ans: A key helps in uniquely identifying a list item or giving the elements a stable identity_

## Q5. Differences between Functional Components and Class Components in React
_Ans: I'm not sure about its answered but I guess functional components codes  are much shorter to write, more straightforward and have fewer complexities for a larger product._

## Q6. What is virtual DOM? How react render virtual dom?
_Ans: A virtual DOM is like a virtual representation of actual DOM UI kept in memory and synced with actual DOM UI by ReactDOM. Updating virtual DOM is faster than actual DOM._
_React compares the actual DOM with the changes in the virtual one stored in memory. Once it sees which component is updated it then replaces the actual component with the changed one._

## Q7. What is Redux?
_Ans: Redux is a centralized state container that holds the value of the state._

## Q8. What is prop drilling?
_Ans: A little long explanation, so linking [this video](https://www.youtube.com/watch?v=MCTB_w0Guso)._

## Q9. What are states?
_Ans: A state is a property storage area belonging to the component. Every time a state is updated, the component is re-rendered._

## Q10. What is JWT?
_Ans: JSON Web Token(JWT) is used for authentication protocol on the web. It is based on the exchange of JSON files for authentication and authorization._

_Thank you for taking your time to read this article. Please let me know if you want me to improve something._
_You can connect with me on [LinkedIn](https://www.linkedin.com/in/ashutoshdash1999/) and [Twitter](https://twitter.com/ashutoshdash99)._
_Want to discuss an amazing opportunity, you can visit my [portfolio](https://ashutoshdash.netlify.app/) if I'm a good fit for you._