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

Veröffentlicht am: 31 Januar 2024
auf dem Kanal: Nikita Dev
32,052
780

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...
Monaco React Editor: https://www.npmjs.com/package/@monaco...
Piston API: https://piston.readthedocs.io/en/late...
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


Auf dieser Seite können Sie das Online-Video Build a Browser Code Editor in React (Monaco React Editor) mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Nikita Dev 31 Januar 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 32,052 Mal angesehen und es wurde von 780 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!