Refactor code editor component

bartolomej / webdev-tldr

Educational website with short & interactive code examples.

https://webdev-tldr.vercel.app

2 stars 0 forks source link

Refactor code editor component #8

Open bartolomej opened 2 years ago

bartolomej commented 2 years ago

Problem

Code editor component should have a modular and composable design, allowing usage by 3rd parties or in other projects.

Solution

Split different parts of the UI into seperate React.js components (editor toolbar, code panel, preview panel, error panel, console panel,..), so that they can be reused and extended seperately.

[x] refactor preview to a seperate component
[ ] refactor error inspection to a seperate component

bartolomej commented 2 years ago

refactor preview to a seperate component

Fixed in 15826cf398c8ffa157c313a9bc58fff3b924cf0c.