React-spring: on animations and hooks - Alec Larson @alecdotbiz at @ReactEurope 2019

Поділитися
Вставка
  • Опубліковано 3 жов 2024
  • Get next edition's tickets info here: www.react-euro...
    React-spring is a popular React animation library that explores physics based UI animation. This talk will be about the state of React animation in general, the methods and techniques employed, the journey we took with react-spring, and how Reacts new hooks feature can change the way animation is supposed to work for the foreseeable future. Animated hooks can mend the gap between the declarative and the imperative and express intent more clearly, which has big implications on not only the moving thing itself but also with how we combine it with all the other things going on around it, from the data-model to user interaction.
    Get next edition's tickets info here: www.react-euro...

КОМЕНТАРІ • 20

  • @ReacteuropeOrgConf
    @ReacteuropeOrgConf  5 років тому +2

    📢 We're super excited to announce a few things about ReactEurope 2020 (May 14-15):
    - the first round of conference & workshops tickets will be available on September 9th @ 10am Paris/Amsterdam, 9am London Subscribe here to be reminded: docs.google.com/forms/d/e/1FA...
    - we'll be getting a new venue this year to provide more comfort & a whole new experience 🔥
    We've grown a lot these past 5 years along with the React community and our new venue will be more spacious and give people more room to socialize, learn, relax and have fun 🎉
    Make sure to check our awesome list speakers, more to come soon as well as our call for paper
    www.react-europe.org/#speakers
    One more thing, 📢 we've added another workshop to help you build modern forms in React with
    @erikras🔥, you can check the current schedule of workshops (more to come soon) here 👇👇
    www.react-europe.org/#schedule

  • @allanpooley6497
    @allanpooley6497 5 років тому +3

    Thanks the overview Alec, and thank you for posting the talk publicly ReactEurope!

  • @retropragma
    @retropragma 5 років тому +36

    I'm here if anyone has any questions. 👍

    • @zgmg9263
      @zgmg9263 5 років тому

      Alec, this is so goddamn cool and powerful. Thank you for sharing!

    • @loquek
      @loquek 5 років тому

      I'd love to see an example with react router and nested components using enter/leave, but I think this talk and the docs has given me enough information to try this myself. Thanks so much for all your work on this (and the contributors!), very cool!

    • @henkhodryza1874
      @henkhodryza1874 4 роки тому

      Please I need the link to the example that you show on stage, special the one at 8:04

    • @azucar8846
      @azucar8846 4 роки тому +1

      Is there a tutorial/docs on how to use React Spring to animate between whole components?

    • @whambalamb
      @whambalamb 4 роки тому

      Just used react-spring on a tinder clone for swiping gestures, soooooo amazing! Thank you! Can't wait to implement the chain of animations from your examples.

  • @loquek
    @loquek 5 років тому

    Awesome talk and project. Thanks so much!

  • @batistutaidrizi3913
    @batistutaidrizi3913 5 років тому +1

    Hi great presentation, next time please use more examples. As showing only code is not so engaging for people who haven't use spring :)

  • @swyxTV
    @swyxTV 5 років тому +3

    couldve used a little less self promotion and reading. but still a wonderful and important library.

    • @ReacteuropeOrgConf
      @ReacteuropeOrgConf  5 років тому +2

      Thanks for the feedback. Our speakers spend hours working on their presentation so the least we can do is let them plug their personal project if they have one, think of it as a way to support them like a patreon would for example.

    • @retropragma
      @retropragma 5 років тому +11

      This was my first technical talk ever, if that counts for anything. :)

    • @swyxTV
      @swyxTV 5 років тому

      Alec Larson sure, counts for a lot :) but feedback still stands if you want it, if not totally feel free to ignore im just an internet rando

    • @retropragma
      @retropragma 5 років тому

      ​@@swyxTV Thanks, I do appreciate the feedback. Is there something you didn't like about what I promoted, or just that I promoted at all? How much promotion is the right amount? You're the first to critique that aspect of my talk, so I'd love to hear your opinions on this.

    • @swyxTV
      @swyxTV 5 років тому

      Alec Larson self promotion is totally fine. all i said was couldve used a little less of it. compare with other speakers and you’ll see. but please dont let my criticism overhang your overall experience giving the talk. its a great first talk, do more, develop your style that works for you. for example you can experiment with showing a roadmap of what you’ll cover, and checking back in on that roadmap at key points during the talk. it can be handy when you have a lot to cover like you did here, and puts stuff in relation to each other eg how the imperative api and the imperative ref api and the normal declarative api contrast. anytime you can zoom out and put stuff in context instead of sequentially is always appreciated.
      hopefully thats some constructive criticism for you, i didnt want you to think i was solely attacking self promotion. it was just the most obvious “style points deduction” i’d make. and of course the less you read docs and the more you tell stories, the better.