Build a Code Editor in React

Add a code playground with a live preview in a Next.js app with Monaco Editor for React and React Live.

We'll walk through setting up a text editor in a React app with Monaco Editor for React, customizing the editor with options including dark mode, setting up a live preview that transforms HTML to React, and using it to show a live preview of the code in the app.

🧰 Resources

Code: https://github.com/colbyfayock/my-cod...
Demo: https://my-code-playground.vercel.app/


📺 YouTube: https://youtube.com/colbyfayock?sub_c...
🐦 Twitter:   / colbyfayock  
📹 Twitch:   / colbyfayock  
✉️ Newsletter: https://www.colbyfayock.com/newsletter/

🎥 What I Use: https://www.colbyfayock.com/uses

#colbyfayock #reactjs #nextjs #webdevelopment