Build a Browser Code Editor in React (Monaco React Editor)

In this video you'll learn how to build an in-browser code editor that supports multiple languages! We'll use the Monaco react library for the code editor, Chakra UI to style our app, and the Piston API to execute our code.

Source Code: https://github.com/nikitadev-yt/react-code-editor-app
Monaco React Editor: https://www.npmjs.com/package/@monaco-editor/react
Piston API: https://piston.readthedocs.io/en/latest/api-v2
Chakra UI: https://chakra-ui.com

0:01 Intro
1:13 Starting Files Walkthrough
2:55 Building the Code Editor
15:31 Building the Output Box

Support Me: https://www.buymeacoffee.com/nikitadev
Contact Me: nikitadev292@gmail.com

#react #javascript #programming

Видео Build a Browser Code Editor in React (Monaco React Editor) канала Nikita Dev