Which tool(s) are you using for designing UI animations?

3 years ago from Thomas Michael Semmler, UI Engineer. I'm a bit mean sometimes

  • Thomas Michael SemmlerThomas Michael Semmler, 3 years ago

    I already know react, but I don't agree with the way its community wants you to encapsulate CSS in JS. I believe in separation of concerns and I just don't agree with the way that React handles CSS. :/

    I do understand its advantages and why it is popular, but I've been writing CSS for 10 years and the problem it tries to solve just aren't problems that I am having. I think these types of solutions are more appropriate for developers who spend more time on the non-presentational part of development.

    0 points
    • Dan W, 3 years ago

      I've been writing CSS a bit longer than that and had exactly the same concerns. I started out in React writing Sass via CSS Modules which at least had some familiarity but now I'm enjoying using Emotion. I found giving up my "expertise" very hard at the beginning but React—or the concept of encapsulated components—is not going anywhere. Better just embrace it and use the CSS skills you already have to keep moving forwards rather than take a step back and use some GUI to do stuff that somebody else will still have to turn into code anyway.

      2 points
      • Thomas Michael SemmlerThomas Michael Semmler, 3 years ago

        I get that. But I just get the Flash Flashbacks (ahh, funny!). I do believe that what is currently solved via CSS in JS will eventually be replaced by fully realised via webstandards. But I might be wrong. Thank you for writing that.

        For now I have accepted that managing complex CSS and writing semantic accessible components that can be fully progressive is just not something that people at the moment need, which is one of the reasons for why I am starting to transition out of development. I started doing this because I just loved being able to turn my designs into html, css and JS. That skill is not needed anymore, it seems.

        0 points
    • Dan W, 3 years ago

      This might help get you excited about animating with React https://www.learnwithjason.dev/let-s-learn-framer-motion

      0 points