ReactJS + TailwindCSS

Community feedback

• 

  David Omar•580

  @davidomarfPosted about 4 years ago

  Pretty clean architecture. :) I like that you keep your components small and truly "atomic".

  I only noticed one issue, and it's that if you click anywhere, as long is it's at the same height of the share button, the hidden menu gets activated.

  One fix for that is placing it inside the same container as the Author element.

  Another one is:

  • Make the white container position: relative;.
  • Remove margin: auto and left: 0 (this one gets added with .inset-x-0) from the button container (the one with the classes "absolute z-30 inset-x-0 md:mb-2 w-full h-16 m-auto pr-10 bottom-0 cursor-pointer flex justify-end items-center", I cannot find a name to specifically refer to it, haha).

  I haven't tried tailwinds yet. Was it good in terms of "development experience"? Still looks cryptic to me, haha.

  2

  ---

  

  Cat Ballar•175

  @catcarbonellPosted about 4 years ago

  @davidomarf Thank you so much for the feedback! I’ll make adjustments and let you know when I’m done updating.

  TailwindCSS is amazing. You don’t have to context-switch (I.e. going back and forth from CSS to JS files), and, when you get more familiar with it, I can see the speed of creating Frontend for apps increase exponentially. Try it!!

  0

  

  Cat Ballar•175

  @catcarbonellPosted about 4 years ago

  @davidomarf Alright, fixed the tap-target!

  0