Replacing react with hotwire - Scot Ruby September 2025

story of replacing react with hotwire

1. Replacing React
with Hotwire

2. Where it started…

3. Where it started…
+

4. Where it started…
+

5. Re-write time…
+

6. What is redux?

7. What is redux?

8. What is redux?

9. What is redux?

10. What is redux?

11. What is redux?

12. What is redux?

13. What is redux?

14. What is redux?

15. Want to make a change to banking?

16. Small changes, long timelines
+

17. Once jQuery was
gone, we would
tackle react

18. Goodbye React

19. Start in the middle and work our way out

20. Using a turbo-frame to load the form

21. What is a turbo-frame

22. What is a turbo-frame

23. What is a turbo-frame

24. Start in the middle and work our way out

25. Start in the middle and work our way out

26. Embrace Html over the wire

27. Embrace Html over the wire, dangerously

28. Embrace Html over the wire, dangerously

29. Embrace Html over the wire, dangerously

30. Keeping react up to date

31. Keeping react up to date

32. We have achieved isolation

33. Mismatch data and behaviour

34. Mismatch data and behaviour

35. Introduce form object

36. Introduce form object

37. Making it dynamic

38. It was a solved problem with morphing

39. Updating the form fields with dynamic form

40. Updating the form fields with dynamic form

41. Updating the form fields with dynamic form

42. Updating the form fields with dynamic form

43. Updating the form fields with dynamic form

44. Updating the form fields with dynamic form

45. Updating the form fields with dynamic form

46. Updating the form fields with dynamic form

47. Beware of complications

48. Updating the form fields with dynamic form

49. The work continues

50. Thats all, any questions