Tip Calculator App (ReactJS + Tailwind CSS)

Community feedback

• 

  Nicki•170

  @Nickil13Posted about 1 year ago

  Hey Fabrizio!

  Great job on the challenge. Some tips:

  1.Tailwind has its own scaling system. I would recommend using that when you can instead of using arbitrary values. This would make it more legible for others reading your code.

  Understandably you are aiming to match the design so Tailwind paddings/font sizes won't line up for you in all cases.

  An alternative would be seeing if these values already exist in Tailwind or defining these values in the theme of your Tailwind config to be reused and easier to read in your code. Ex. instead of text-[.875rem] you can use text-sm (which is the Tailwind equivalent).

  2.Take advantage of using react & having components. You could use a component for the tip percentage buttons or just map through a list of predefined values.

  Marked as helpful

  1
• 

  GabrielDutraGomes•20

  @GabrielDutraGomesPosted about 1 year ago

  Very good

  0