[go: up one dir, main page]
Scribd
Upload
31 views1 page

IT 22 React JS - Assignment - 1-1

The document outlines a hands-on assignment for a Full Stack Development course focused on React JS for the academic year 2024-25. It includes tasks such as creating a simple React app, displaying dynamic content, building functional components, and handling user input through forms and events. The assignment emphasizes practical application of React concepts through various coding exercises.

Uploaded by

techgianthindi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
31 views1 page

IT 22 React JS - Assignment - 1-1

The document outlines a hands-on assignment for a Full Stack Development course focused on React JS for the academic year 2024-25. It includes tasks such as creating a simple React app, displaying dynamic content, building functional components, and handling user input through forms and events. The assignment emphasizes practical application of React concepts through various coding exercises.

Uploaded by

techgianthindi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

Academic Year 2024-25

Course - IT22 Full Stack Development

React JS – Hands on Assignment -1

1. Create a Simple React App


Display “Hello, World!” inside an <h1> tag.

2. Write JSX to Display a Paragraph


Inside a <div>, display a <p> tag with your name.

3. Create a JSX expression that renders the current date and time dynamically.

4. Create a simple functional component that returns a heading <h2>

5. Write a program to demonstration of nested functional component

6. Create a parent component that passes a name prop to a child component and displays it.

7. Create an array of students which includes roll number, name and age pass it as a props to
functional component and display all information.

8. Pass an array of colors (as props) to a child component and render them as <li> items.

9. Build a counter with two buttons (+ and -) to increment/decrement a state variable.

10. Create an input field that logs its value to the console on every keystroke (use onChange).

11. Create a button that changes its background color when clicked (use onClick and state).

12. Build a form with name and email fields that alerts the submitted values (use onSubmit).

You might also like