Ever wondered what React.js or its more common term ‘React’ is and why there is such a buzz about it in the software development community? Well, React is an open-source JavaScript framework and library developed by Facebook and it’s used for building interactive user interfaces and web applications quickly and efficiently with significantly less code than you would with vanilla JavaScript. But we are sure, this won’t be enough for you and to know more about React and learn about its amazing features, GDSC NIT Silchar brings its next session “KICKSTART TO REACT” where we will explore React and how it can be used to build modern and interactive UI websites.

This session will include multiple parts each focussing in detail on some crucial components of React.

1. The first part will be the installation of React using create-react-app or Vite and understanding about the directory structure of React , components and about JSX and babel compilation .

2. The next part will focus on the different ways of writing css or including it through modules . We will focus on the class based components and function based components of React and explore the React lifecycle components and how to handle the component lifecycle using hooks.

3. Here, we will take a deep dive into React hooks, and understand their usage . We will focus on useEffect() with its variations in its dependency array, useState() and handling events with it and look into props and the different ways of passing data either from child to parent or parent to child . We will also explore more hooks like useRef() and understand memoization in React with useCallback() and useMemo() . We will also learn how to create custom hooks.

4. This part will focus on controlled components and why it’s convenient to have a JavaScript function that handles the submission of a form and has access to the data that the user entered into the form.

5. The last part will focus on how to do asynchronous operations using react and understanding the most crucial part of all : ‘React Router ‘ and how it can be used for navigation among the various react components. Then we will take a look upon Context API and how it provides a way to pass data through the component tree without having to pass props down manually at every level.