How I Built a Real-Time Collaborative Web-Based Text Editor and Lived to Tell the Tale

Presentation byJani Eväkallio

Ever thought to yourself, ""You know what would be fun? Building Google Docs, but all by myself“? I did, and I have some fun and painful stories to share!

Collaborative rich text editing on the web is a world you may not know much about, but hopefully after all is said and done, I'll leave you feeling: “if that doofus could do it, I probably could too.”

In this talk, I'll show you how to build rich text editing apps using React, Tiptap, and how to make them collaborative with CRDTs (Conflict-free Replicated Data Types) using Y.js.

Presented with these Guilds
Cover Photo for Web Engineering London (React Advanced)
Primary Photo for Web Engineering London (React Advanced)

Web Engineering London (React Advanced)

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.8KMembers
Similar Presentations

How I Built a Real-Time Collaborative Web-Based Text Editor and Lived to Tell the Tale

Presentation byJani Eväkallio

Ever thought to yourself, ""You know what would be fun? Building Google Docs, but all by myself“? I did, and I have some fun and painful stories to share!

Collaborative rich text editing on the web is a world you may not know much about, but hopefully after all is said and done, I'll leave you feeling: “if that doofus could do it, I probably could too.”

In this talk, I'll show you how to build rich text editing apps using React, Tiptap, and how to make them collaborative with CRDTs (Conflict-free Replicated Data Types) using Y.js.

Presented with these Guilds
Cover Photo for Web Engineering London (React Advanced)
Primary Photo for Web Engineering London (React Advanced)

Web Engineering London (React Advanced)

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.8KMembers
Similar Presentations