React Tricks: Fast, Fit and Fun

Presentation byAlexey Taktarov

In this talk, I'll uncover some tricks and hacks in React that I learned while maintaining a micro-library (2KB Router). We'll discuss performance and size optimizations, as well as the importance of keeping object references stable when passing them down as props to React components.

I'd like to cover the non-standard use of the useState hook, cloneElement API for component composition, the useSyncExternalStore hook introduced in React 18, and its caveats; as well as lesser-known non-standard hooks such as useEvent and more. To demonstrate these tricks, we'll built a fake multiplayer client component.

Presented with these Guilds
Cover Photo for React Advanced London
Primary Photo for React Advanced London

React Advanced London

React Advanced London is a community organizing quarterly in-person events and an annual hybrid conference in October.

Engineers of all levels are welcome to join, our meetups are always free to attend and a great place to meet other likeminded people and share some insights about your work and experience from the stage.

Contact email: hi@reactadvanced.com

Want to give a talk at our next meetup? We welcome talk ranging from 5 to 20 min length on any topic related to React and/or React Native, submit them here and we'll be in touch https://forms.gle/rCiQ8Y4jajiC8AHMA

Venue proposal from: https://shorturl.at/FOT34

By joining this group you agree to comply to our Code of Conduct

1.8K Members
Similar Presentations

React Tricks: Fast, Fit and Fun

Presentation byAlexey Taktarov

In this talk, I'll uncover some tricks and hacks in React that I learned while maintaining a micro-library (2KB Router). We'll discuss performance and size optimizations, as well as the importance of keeping object references stable when passing them down as props to React components.

I'd like to cover the non-standard use of the useState hook, cloneElement API for component composition, the useSyncExternalStore hook introduced in React 18, and its caveats; as well as lesser-known non-standard hooks such as useEvent and more. To demonstrate these tricks, we'll built a fake multiplayer client component.

Presented with these Guilds
Cover Photo for React Advanced London
Primary Photo for React Advanced London

React Advanced London

React Advanced London is a community organizing quarterly in-person events and an annual hybrid conference in October.

Engineers of all levels are welcome to join, our meetups are always free to attend and a great place to meet other likeminded people and share some insights about your work and experience from the stage.

Contact email: hi@reactadvanced.com

Want to give a talk at our next meetup? We welcome talk ranging from 5 to 20 min length on any topic related to React and/or React Native, submit them here and we'll be in touch https://forms.gle/rCiQ8Y4jajiC8AHMA

Venue proposal from: https://shorturl.at/FOT34

By joining this group you agree to comply to our Code of Conduct

1.8K Members
Similar Presentations