Kickstart to ReactJS

Room No 2103, Old Gallery, NIT Silchar, Silchar, 788010

National Institute of Technology - Silchar, India

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? 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.

Nov 8, 2022, 12:15 PM – Nov 10, 2022, 3:30 PM

48 RSVP'd

RSVP Now

Key Themes

Career DevelopmentWeb

About this event

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. 

When

When

November 8 – 10, 2022
12:15 PM – 3:30 PM UTC

Agenda

Vinayak Das

Organizers

  • Partha pratim Deka

    GDSC Lead

  • Pragya Annesha Baruah

    Core-Member

  • Bijay Jiwrajka

    Core-Member

  • Sameer Zaidi

    Core-Member

  • Priyabrat Duarah

    Core-Member

  • Arnab Kumar Singh

    Core-Member

  • CE021 masoom sahu

    Core-Member

  • Jacinth Mahanta

    Core-Member

  • Adhiraj Dutta

    Core-Member

  • Rajdristant Ghose

    Core-Member

  • Jaydeep Das

    Core-Member

  • Anubhav Chakraborty

    Core-Member

  • Navneet Raj

    Core-Member

  • Hrishita Paul

    Core-Member

  • Tithi Jha

    Core-Member

  • Deep Saikia

    Core-Member

  • Sandeep Kherkatary

    Core-Member

  • Suman Das

    Core-Member

  • JUGYA KAMAL GOGOI

    Core-Member

  • Prateek Mogha

    Core-Member

  • CE024 Aditya Kumar

    Core Member

  • Maharnav Deka

    Core-Member

Contact Us