806: The King of Drag and Drop: Alex Reardon

806: The King of Drag and Drop: Alex Reardon

Scott and Wes talk with Alex Reardon from Atlassian about developing drag-and-drop libraries, specifically the challenges with creating efficient and accessible drag-and-drop functionalities for the web. They also explore what it takes to build and implement a system that works seamlessly across various frameworks. Show Notes 00:00 Welcome to Syntax! 01:18 Brought to you by Sentry.io. 01:51 What Alex does at Atlassian react-beautiful-dnd Pragmatic drag and drop 04:38 What makes drag and drop tricky. 06:38 Use-cases. 10:54 What security is in place? 12:30 How to make it feel native. 19:20 Is the drag and drop spec ongoing? 20:03 How do you build this headless? 21:33 How does drag and drop work with frameworks? 23:48 Making drag and drop feel the same across mobile and desktop. 26:09 What’s the key to really good drag performance? 29:58 How do you make drag and drop accessible? 34:57 Pragmatic drag and drop code vs application code. Shoelace shadcn 40:00 How does testing work? Playwright Cypress 43:15 Internal adoption at Atlassian. 44:27 Working on high-impact projects. 49:15 Versioning and internal adoption at Atlassian. 51:29 Sick Picks + Shameless Plugs. Sick Picks Alex: Coffee, James Hoffmann YouTube Channel. Shameless Plugs Alex: Dom Events. Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Episoder(982)

Hasty Treat - Things You Should Know About Javascript Events

Hasty Treat - Things You Should Know About Javascript Events

In this Hasty Treat, Scott and Wes talk about javascript events, and how to avoid some common pitfalls! Prismic - Sponsor Prismic is a Headless CMS that makes it easy to build website pages as a set...

4 Mai 202013min

Potluck Part 2 - Magic GQLess × Are classes dead? × Custom Hooks × Staying Up To Date × CSS × More!

Potluck Part 2 - Magic GQLess × Are classes dead? × Custom Hooks × Staying Up To Date × CSS × More!

It’s another potluck! In this episode, Scott and Wes answer your questions about custom hooks, static site generators, code management, CSS, and more! Sentry - Sponsor If you want to know what’s happ...

29 Apr 20201h 4min

Hasty Treat - Getting Buy-in for a Tool Like Prettier From Your Team

Hasty Treat - Getting Buy-in for a Tool Like Prettier From Your Team

In this Hasty Treat, Scott and Wes talk about getting buy-in from your team when using new tools. LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs...

27 Apr 202017min

Potluck - Mobile First × Arrow Functions × Deno × JSON APIs × Refactoring Tips × More!

Potluck - Mobile First × Arrow Functions × Deno × JSON APIs × Refactoring Tips × More!

It’s another potluck! In this episode, Scott and Wes answer your questions about mobile first development, ES6 arrow functions, Deno.js, tips for refactoring your code, best e-commerce platforms and m...

22 Apr 20201h 2min

Hasty Treat - 5 More Things That Make Your Site Slow

Hasty Treat - 5 More Things That Make Your Site Slow

In this Hasty Treat, Scott and Wes continue their discussion of website page speed — five more things that make your site slow! Sentry - Sponsor If you want to know what’s happening with your errors,...

20 Apr 202021min

Thinking Ahead for Emergency UI When Building a Website

Thinking Ahead for Emergency UI When Building a Website

In this episode of Syntax, Scott and Wes talk about emergency UI when building a website. During an emergency, you need to relay information to your website visitors as quickly and efficiently as poss...

15 Apr 202045min

Hasty Treat - 5 Things That Make Your Site Slow

Hasty Treat - 5 Things That Make Your Site Slow

In this Hasty Treat, Scott and Wes talk about five things that could potentially be making your website slow. LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you re...

13 Apr 202024min

Working From Home During the Pandemic (With or Without Kids)

Working From Home During the Pandemic (With or Without Kids)

In this episode of Syntax, Scott and Wes talk about working from home. How do we do our best in these unprecedented times? Here are our tips for working from home and staying productive and sane! .TE...

8 Apr 202054min

Populært innen Politikk og nyheter

giver-og-gjengen-vg
aftenpodden
i-retten
forklart
aftenpodden-usa
stopp-verden
popradet
lydartikler-fra-aftenposten
det-store-bildet
fotballpodden-2
rss-gukild-johaug
dine-penger-pengeradet
rss-ness
hanna-de-heldige
nokon-ma-ga
aftenbla-bla
e24-podden
frokostshowet-pa-p5
bt-dokumentar-2
rss-penger-polser-og-politikk