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

Опубликовано: 31 Январь 2024
на канале: 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


На этой странице сайта вы можете посмотреть видео онлайн Build a Browser Code Editor in React (Monaco React Editor) длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Nikita Dev 31 Январь 2024, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 32,052 раз и оно понравилось 780 зрителям. Приятного просмотра!