Go to content

Building a Block Based Editor in Phoenix LiveView | Nikola Begedin

This video was recorded at ElixirConf EU 2022 - https://www.elixirconf.eu/ Building a Block Based Editor in Phoenix LiveView | Nikola Begedin - Elixir enthusiast ABSTRACT The block-based, or possibly better known as Notion-style editor is currently one of the more popular approaches in building WYSWYG editors. It’s powerful, but also strictly structured, which makes it more predictable. This is an overview of what it takes to build something similar, in Phoenix LiveView. Talk objectives: Provide an overview of how a block-style editor is structured, and what the problems and solutions are when it’s built in Phoenix LiveView. Target audience: Anyone interested in Phoenix LiveView, people who would like to build a blog site in Phoenix, people with some .js experience. • Timecodes: 00:00 - 04:10 - Intro 06:13 - 05:26 - Demo 11:34 - 12:50 - Problem 1 - Content Editable + Attempts 16:19 - 17:54 - Problem 2 - Score Creep 20:48 - 23:25 - Problem 3 - Polish 23:25 - 26:50 - Problem 4 - Dev Story 28:38 - 28:44 - Problem 5 - Solved 33:42 - 33:39 - Problem 6 - Release & Usage 37:22 - 34:57 - QnA • Follow us on social: Twitter: https://twitter.com/ElixirConfEU LinkedIn: https://www.linkedin.com/company/27159258 • Looking for a unique learning experience? Attend the next Code Sync conference near you! See what's coming up at: https://codesync.global • SUBSCRIBE TO OUR CHANNEL https://www.youtube.com/channel/UC47eUBNO8KBH_V8AfowOWOw

June 9, 2022