Build a Code Text Editor in React in 10 Minutes (Syntax Highlighting, Dark Theme)

  Рет қаралды 17,884

Cooper Codes

Cooper Codes

Күн бұрын

Пікірлер: 13
@tsolanoff
@tsolanoff 9 ай бұрын
Great! It also might be improved with adding backend service that receives a post request with the value of the editor. This would allow to store/load the code, execute and return a result, or even create a file to download.
@paulthomas1052
@paulthomas1052 Жыл бұрын
Great tutorial as usual - didn't realise you could leverage VSCode functionality with Monaco Library - great stuff !
@CooperCodes
@CooperCodes Жыл бұрын
Yeah its pretty cool, and surprisingly easy to implement! Considering making a technical blog full stack project which features code sections using Monaco, because it really just takes a couple minutes which is so great for all the functionality it has.
@paulthomas1052
@paulthomas1052 Жыл бұрын
@@CooperCodes Thanks for the reply - great stuff !
@edwarda7096
@edwarda7096 8 ай бұрын
@@CooperCodeshi, did you ever get to writing that blog? Also, would it be better in the long run setting up monaco from scratch instead of using the react library?
@whileforloops5671
@whileforloops5671 9 ай бұрын
awesome man thanks for the great tutorial
@sonyarianto
@sonyarianto Жыл бұрын
nice and simple, do you have a SvelteKit integration with Monaco?
@myke6972
@myke6972 4 ай бұрын
can i add output? like for example in html and css, can i add output?
@lifeisbeautifu1
@lifeisbeautifu1 Жыл бұрын
Very cool.
@CooperCodes
@CooperCodes Жыл бұрын
Thanks for watching Alexey :)
@WDZ24
@WDZ24 Жыл бұрын
Awesome
@mahtabvariyani
@mahtabvariyani Жыл бұрын
no One could explain it better than you
@제이제이-w3d
@제이제이-w3d 11 ай бұрын
ㅁㄴㅇ
All useEffect Mistakes Every Junior React Developer Makes
22:23
Build A Collaborative Code Editor with React, WebRTC, and Yjs
10:47
Шок. Никокадо Авокадо похудел на 110 кг
00:44
HAH Chaos in the Bathroom 🚽✨ Smart Tools for the Throne 😜
00:49
123 GO! Kevin
Рет қаралды 14 МЛН
Vim Tips I Wish I Knew Earlier
23:00
Sebastian Daschner
Рет қаралды 66 М.
25 VS Code Productivity Tips and Speed Hacks
11:35
Fireship
Рет қаралды 2,3 МЛН
Let's Fix The Fatal Flaw in TypeScript's Union Types!
13:45
Typed Rocks
Рет қаралды 20 М.
Visual Guide to the Modern Frontend Toolchain (Vite)
9:18
Lachlan Miller
Рет қаралды 82 М.
Build a Browser Code Editor in React (Monaco React Editor)
32:55
A Simple Plain Text Knowledge System
12:56
Sebastian Daschner
Рет қаралды 5 М.
Laravel First Impressions From A JavaScript Dev
21:08
adamdotdev
Рет қаралды 131 М.
Turn VIM into a full featured IDE with only one command
11:55
Dreams of Code
Рет қаралды 669 М.
Modern Data Fetching in React (Complete Guide)
16:41
Cosden Solutions
Рет қаралды 47 М.