React Exercises

React Day 1

SOOPRO Pathshala Exercises

Day 1

1. Print Hello World using functional component in react.

2. Print your name,dob, gender and address using functional component in react.

3. Print sum of two numbers using functional component in react.

4. Print sum of three numbers using functional component in react.

5. Print square of given number using functional component in react.

6. Print cube of given number using functional component in react.

7. Print concatenation of your first name, last name using functional component in react.

8. Print sum of two given odd numbers using functional component in react.

9. Print sum of two given even numbers using functional component in react.

10. Print product and division of two given even numbers using functional component in react.

React Day 2

SOOPRO Pathshala Exercises

Day 2

1. Print about yourself using react.

2. Print your favorite food and color using react.

3. Print your hobby and ambition using react.

4. Print name of your best teacher using react.

5. Print name of your best friend using react.

React Day 3

SOOPRO Pathshala Exercises

Day 3

1. Print name of your fav actor using normal functional component.

2. Print your first name using ES6 functional component.

3. Print your fav subject name using ES6 functional component.

4. Print your first name using normal functional component.

5. Print your fav actress name using ES6 functional component.

React Day 4

SOOPRO Pathshala Exercises

Day 4

1. Print name of your fav actor using class component.

2. Print your first name using class component.

3. Print your fav subject name using class component.

4. Print your fav actress name using class component.

React Day 5

SOOPRO Pathshala Exercises

Day 5

1. Print sum of three numbers using expression inside functional component.

2. Print value of variable using expression inside functional component.

3. Print value of property using expression inside functional component.

4. Print product of three of three numbers using expression inside functional component.

5. Print short notes on jsx.

React Day 6

SOOPRO Pathshala Exercises

Day 6

1. Pass first name and last name using property inside class component.

2. Print value of variable using functional component.

3. Print division of two numbers using functional component.

4. Pass short notes of react using property under functional component.

5. Pass short notes of virtual DOM using property under functional component.

React Day 7

SOOPRO Pathshala Exercises

Day 7

1. Write a program to print Hello World on button using normal click inside functional component in react.

2. Write a program to print your name on button using arrow click inside functional component in react.

3. Write a program to release property data and print it.

4. Write a program to print your favorite place name on button click inside class component in react.

5. Write a program to print first name using state inside functional component.

6. Write a program to print name of your father using state inside class component.

React Day 8

SOOPRO Pathshala Exercises

Day 8

1. Print what is react on button click using functional component.

2. Print what is component on button click using functional component.

3. Print what is JSX on button click using fuctional component.

4. Print features of react on button click using functional component.

5. Print name of developer of react on button click using functional component.

React Day 9

SOOPRO Pathshala Exercises

Day 9

1. Write a program to print sum of two numbers on button click using state inside class component.

2. Write a program to print average of two numbers on button click using state inside class component.

3. Write a program to print difference of two numbers on button click using state inside class component.

4. Write a program to print division of two numbers on button click using state inside class component.

React Day 10

SOOPRO Pathshala Exercises

Day 10

1. Write a program to print maximum of three numbers on button click using state inside class component.

2. Write a program to print minimum of three numbers on button click using state inside class component.

3. Write a program to print sum of minimum and maximum of three numbers on button click using state inside class component.

4. Write a program to print product of two integer on button click using state inside class component.

5. Write a program to print your full name on button click using state inside class component.

React Day 11

SOOPRO Pathshala Exercises

Day 11

1. Write a program to print even and odd using conditional rendering and state.

2. Write a program to print negative and positive using conditional rendering and state.

3. Write a program to test ternary operator in react.

4. Write a program to print average of two integer on button click using state inside class component.

5. Write a program to print your mother's name on button click using state inside class component.

React Day 12

SOOPRO Pathshala Exercises

Day 12

1. Write a program to print square of maximum number among two number using state in react.

2. Write a program to print cube of minimum number among two number using state in react.

3. Write a program to print concatenation of first and last name using state in react.

4. Write a program to print sum and average of two number using state in react.

5. Write a program to print difference of square and cube of minimum among two number using react.

React Day 13

SOOPRO Pathshala Exercises

Day 13

1. Write a program to return integer list in react.

2. Write a program to return string list in react.

3. Write a program to add two numbers by user input.

4. Write a program to print square of any number by user input.

5. Write a program to return list of objects in react.

React Day 14

SOOPRO Pathshala Exercises

Day 14

1. Write a program to print maximum of two numbers by user input.

2. Write a program to print minimum of two numbers by user input.

3. Write a program to print square of any number by user input.

4. Write a program to print cube of any number by user input.

5. Write a program to print concatenation of first and last name by user input.

React Day 15

SOOPRO Pathshala Exercises

Day 15

1. Write a program to find even and odd of any number by user input.

2. Write a program to find positive and negative of any number by user input in react.

3. Write a program to print square of maximum among three numbers by user input in react.

4. Write a program to print average of three numbers by user input.

5. Write a program to print sum, multiply, divide and subtract of two numbers by user input.

React Day 16

SOOPRO Pathshala Exercises

Day 16

1. Write a program to print square of any number by user input in react.

2. Write to print cube of any number by user input in react.

3. Write a program to print area of rectangle by user input in react.

4. Write a program to print meter to cm by user input in react.

5. Write to program to print cm to meter by user input in react.

React Day 17

SOOPRO Pathshala Exercises

Day 17

1. Write a program to print area of circe,diameter of circle and circumference of circle by user input in react.

2. Write a program to print cube of minimum number among three numbers by user input.

3. Write a program to print table of any number by user input in react.

React Day 18

SOOPRO Pathshala Exercises

Day 18

1. Write a program to print factorial of minimum among three numbers by user input.

2. Write a program to print table of maximum number among three numbers by user input.

3. Write a program to print sum of min and max among four numbers by user input.

4. Write a program to print average of five numbers by user input.

5. Write a program to print sum and diff of average and total sum of three numbers by user input.

React Day 19

SOOPRO Pathshala Exercises

Day 19

1. Create arithmetic operation in react.

React Day 20

SOOPRO Pathshala Exercises

Day 20

1. Write a program to print diff of two numbers if number1 is greater than number2 otherwise print sum.taking input from user.

2. Write a program to print product of two number if both numbers are equal otherwise print division.taking input from user.

3. Write a program to print sum of each digit of any three digit number by user input.

4. Write a program to print square of diff of max and min of four numbers by user input.

5. Create simple login form in react.

React Day 21

SOOPRO Pathshala Exercises

Day 21

1. Write a program to display list of colors in which select your favorite color and print on console using radio button.

2. Write a program to display list of foods using checkbox, and try to print selected favorite food on alert box.

3. Write a program to print average of max and min of four numbers by user input.

4. Write a program to create sample login form must use radiobutton within it.

React Day 22

SOOPRO Pathshala Exercises

Day 22

1. Write a program to create login form in react, take two radio button Admin and User.On admin click it should display login with Admin and on user click, it should display login with user.

2. Write a program to print reverse of any number by user input in react.

3. Write a program to print diff area of rectangle and area of triangle.

4. Write a program to print even and odd of integer list on button click in react.

5. Write a program to print only positive numbers of integer list on button click in react.

React Day 23

SOOPRO Pathshala Exercises

Day 23

1. Write a program to print reverse of your first name by user input.

2. Write a program to print only vowels of your first name by user input.

3. Write a program to print only consonants of your first name by user input.

4. Write a program to print concatenantion of vowel and consonant of your first name by user input.

5. Write a program to print reverse of integerlist on button click.

React Day 24

SOOPRO Pathshala Exercises

Day 24

1. Write a program to reverse any number by user input in react.

2. Write to print product of even and odd number of any three digit number by user input.

3. Write a program to print difference of max odd digit and max even digit of any four digit number by user input.

4. Write a program to print your name in reverse order.

React Day 25

SOOPRO Pathshala Exercises

Day 25

1. Wap to print sum of max and second max of integer array on button click in react using class component.

2. Wap to print square of second maximum number of integer array on button click in react using class component.

3. Wap to print string array on button click in react.

4. Wap to print float array on button click in react.

5. Wap to print double array on button click in react.

React Day 26

SOOPRO Pathshala Exercises

Day 26

1. Store and print all prime numbers of integer list in primelist array and all not prime numbers of integer list in notprimelist array.

2. Store and print vowels of your first name in vowellist and consonants of your first name in consonants list.

3. Print integer list in ascending order.

4. Print string list in reverse order.

5. Print sum of float list on alert box.

6. Create simple details form and show result in alert box.

React Day 27

SOOPRO Pathshala Exercises

Day 27

1. Create simple login form using class component.

2. Reverse and print any string by user input using class component.

3. Reverse and print any three digit number by user input using class component.

4. Print sum of second max and max of integer array list using class component.

5. Print difference of third max and fourth max of integer array list using functional component.

React Day 28

SOOPRO Pathshala Exercises

Day 28

1. Add two numbers by user input using functional component.

2. Print square of any number by user inpur using functional component.

3. Print cube of any number by user input using functional component.

4. Print area of rectangle by user input using functional component.

React Day 29

SOOPRO Pathshala Exercises

Day 29

1. Create sample login form using functional component.

2. Calculate sum and multiply of three numbers by user input using functional component.and print it on alertbox or using expression.

3. Find factorial of any number by user input using functional component.and print it on alertbox or using expression.

4. Find average of three numbers by user input using functional component.and print it on alertbox or using expression.

5. Find simple interest by user input using fuctional component.and print it on alertbox or using expression.

React Day 30

SOOPRO Pathshala Exercises

Day 30

1. Create simple login form with userdashboard, admindashboard, logout using functional component.

React Day 31

SOOPRO Pathshala Exercises

Day 31

1. Create simple login form with userdashboard, admindashboard, logout using class component.

React Day 32

SOOPRO Pathshala Exercises

Day 32

1. Write a React program to calculate multiplication and division of two numbers using class component (input from the user).

2. Write a React program to compute the sum of the two given integers. If the sum is in the range 50..80 return 65 otherwise return 80 (input from user).

3. Write a React program to print Area of traingle input from user.

4. Create a function that takes voltage and current and print the calculated power (input from user)

React Day 33

SOOPRO Pathshala Exercises

Day 33

1. Print concatenation of first letter and last letter of your first name using functional component in react.

2. Print product of each digits of any four digits numbers input by user using functional component.

3. Print square of each digits of any three digits numbers input by user using functional component.

4. Store even numbers of array in even array and odd numbers of array in odd array from given array in react. print all arrays elements on console or alert box.

React Day 34

SOOPRO Pathshala Exercises

Day 34

1. Convert meter to cm by user input using functional component

2. Convert kilogram to gram by user input using functional component.

3. Convert liter to ml by user input using functional component.

4. Convert quintal to ton by user input using functional component.

React Day 35

SOOPRO Pathshala Exercises

Day 35

1. Wap to print simple interest by user input using functional component in react.

2. Wap to print area of traingle by user input using functional component in react.

3. Wap to print area of circle by user input using functional component in react.

4. Wap to print area of rectangle by user input using functional component in react.

React Day 36

SOOPRO Pathshala Exercises

Day 36

1. Perform validation on name and age field using functional component in react.

React Day 37

SOOPRO Pathshala Exercises

Day 37

1. Create a textbox that do not allow special symbol.

2. Create a textbox that do not allow white space.

3. Create a textbox that only allow numbers.

4. Create a textbox that allow only alphabets.

React Day 38

SOOPRO Pathshala Exercises

Day 38

1. on choice 1 print table of any number, on choice 2 check even and odd, on choice 3 check prime or not prime and on choice 4 print reverse of any two digits number. note : create this using class component in react.

React Day 39

SOOPRO Pathshala Exercises

Day 39

1. Create emi calculator using functional component.

React Day 40

SOOPRO Pathshala Exercises

Day 40

1. Displaying sum of max and min among four numbers by user input using functional component in react.

2. Displaying only vowels of your full name by user input using functional component in react.

3. Displaying only consonants of your full name by user input using functional component in react.

4. Check palindrome of any three digits number by user input in react using functional component.

5. Check prime or not prime between 5 to 50 using functional component on button click in react.

React Day 41

SOOPRO Pathshala Exercises

Day 41

1. Ramesh basic salary is input through the keyboard. his dearness allowance is 40% of basic salary, and house rent allowance is 20% of basic salary. write a program to calculate his gross salary.

React Day 42

SOOPRO Pathshala Exercises

Day 42

1. If the total selling price of 45 items and the total profit earned on them is input through the keyboard, write a program to find the cost price of one item.

2. Any year is input through the keyboard. write a program to determine whether the year is a leap year or not.

3. A five-digit number is entered through the keyboard write a program to obtain the reversed number and determine whether the original and reversed numbers are equal or not.

React Day 43

SOOPRO Pathshala Exercises

Day 43

1. Add 4 to all even numbers of array and 5 to all odd numbers of array and print it using functional component.

2. Write a program to sort array of elements in ascending order using functional component.

3. Write a program to sort array of elements in descending order using functional component.

4. Write a program to print fibonacci series using functional component.

React Day 44

SOOPRO Pathshala Exercises

Day 44

1. Create Form Validation using fuctional component

React Day 45

SOOPRO Pathshala Exercises

Day 45

1. Create Details form using functional component.