TechnologiesAngularBootstrapCSSHTMLJavaJavaScriptMongoDBNodejsPythonReactJS

ReactJS tutorial

JSX literals expressions

Practice assignmentsComplete these exercises after reviewing the notes and examples.
1 assignment
1

JSX literals expressions

  1. Evaluate expression in JSX element in HTML
  2. Evaluate string concatenation in JSX element in HTML
  3. Evaluate logical expression in JSX element in HTML
  4. Print array of numbers in JSX element in HTML
  5. Print array of strings in JSX element in HTML
  6. Print square root of 14 in JSX element in HTML
  7. Print integer part of the number 134.42 in JSX element in HTML
  8. Print String praveen in uppercase in JSX element in HTML
  9. Print String length of praveen in JSX element in HTML
  10. Print reverse of string praveen in JSX
  11. Evaluate addition of two variable values in JSX
  12. Display greatest of two variable values in JSX
  13. Display variable value is even or odd in JSX
  14. Display variable value is positive or negative in JSX
  15.  Display greatest variable value of three in JSX
  16. Print array values in list items in JSX
  17. Print squared array values in list items in JSX
  18. Print array values in h1 elements
  19. Print array values in sorted order in list items in JSX
  20. Print merged array values of given two arrays
  21.  Print merged array values in sorted order of given two arrays
  22. Print array strings in list items in JSX
  23. Print array strings ol and ul
  24. Print array strings ol of uppercase strings and ul of lowercase
  25. Print array strings in lowercase in list items
  26. Print array strings length in list items
  27. Print array strings in list items in JSX copy
  28. Print first two characters of array values in h1 elements copy
  29. Print only first character of array values in h1 elements
  30. Print array strings reverse in list items
  31. Print array strings sorted order in list items
  32. Print only the even numbers of array of numbers in list items
  33. Print only the odd numbers of array of numbers in list items
  34. Print only the numbers of array greater than 25 of numbers in list items copy
  35. Print even numbers in italics and odd numbers in bold in list
  36. Print only the numbers of array less than 25 of numbers in list items copy
  37. Print the sum of all numbers of array in JSX using reduce method
  38. Print the images from array of image urls
  39. Print the images as list items from array of image urls
  40. Print the images as table cells from array of image urls
  41. Print the object properties in JSX
  42. Print the string object property values in Uppercase in JSX
  43. Print each object in a seperate list for a given array of student objects
  44. Print a table for the given array of students
  45. Print a student details align with gender image
  46. Print the given array of students in cards
  47. Generate galleries using JSX
  48. Generate gallery for the given array of image urls
  49. Generate list of strings for the given array of strings

Sign in to submit completed work and track progress.Continue with Google