Skill Training on React JS

The Web Apps Industrial Applied Lab of FXEC conducted Special Initiative Skill training on React JS from 03-07-2023 to 07-07-2023. React JS is a popular JavaScript library used for building user interfaces for web applications. React JS follows a component-based architecture, allowing developers to create reusable UI components and efficiently manage the state of these components. During the first day of training, participants were introduced to React JS and its fundamentals and learned how to install, react, create and use components, pass data between components using props, manage component state, and handle events in React JS and also learned about the benefits of using React JS for building web applications, such as reusability and component-based structure.

On day 2, discussion was made on Virtual DOM and Optimization and participants delved deeper into the concept of the virtual DOM in React JS. They learned how React JS uses the virtual DOM to optimize rendering performance by minimizing actual DOM manipulations. The participants gained a better understanding of the virtual DOM's role in improving application performance and how to leverage it effectively. They also designed a simple Chat Application using React JS.

The third day of the training focused on advanced concepts in React JS. The participants learned about React Hook and how it is used in React JS and also explored conditional rendering, such as rendering different components based on certain conditions. Additionally, the trainer covered DOM manipulation techniques using React JS, enabling participants to dynamically update the UI based on user interactions. On the fourth day, participants applied their knowledge of React JS to build real-world applications and learned how to create reusable components and manage state efficiently. The trainer guided them through implementing routing and navigation in their applications, allowing users to navigate between different pages smoothly. The participants also learned about best practices for structuring and organizing React JS applications.

On day five, the training focused on integrating React JS applications with APIs for data fetching and displaying dynamic content. The participants learned how to make API requests using tools like Axios and fetch API and learned how to update the React component with the fetched data and dynamically display it on the user interface. The participants gained hands-on experience through coding exercises. The training emphasized the importance of optimizing performance, reusability, and following best practices in React JS development. The participants had a solid foundation in React JS and the ability to develop scalable and efficient web applications using the framework. A Total of 31 Students got benefited in the training. The training was imparted by Ms.Agnes Joshy, AP/IT , Incharge of Web Apps Industrial Applied Lab. The Training was coordinated by Dr.Lakshmi Narayanan , Vertical Head, Applied Lab under the guidance of Mr.Krishna Kumar, GM(A) and Director of Applied Lab.