React Monaco Editor - Visual Studio Code dentro de React

Monaco Editor React es un paquete de npm para React que permite integrar el Editor que potencia a Visual Studio Code llamado Monaco Editor. Este paquete es basicamente es la interfaz que usamos a diario cuando desarrollamos en Visual Studio Code.
Ademas es la forma en la que muchas aplicaciones web tiene un editor similar a VSCode.

Documentación de React Monaco Editor:

Videos Recomendados:

👨‍💻 ¿Qué servicios utilizo?

🌐 Redes:

#react #monaco #vscode

[luisxd]

Excelente video Faz, justo lo que buscaba, que genial que esta biblioteca sea open-source, el editor es genial, muy buen tutorial 😄

[SanchayanPackiyanathan]

Gracias amigo, que tenga un buen día, saludos,

[francopaolorossi]

fantástico fazt excelente todos los tutoriales. estaría necesitando un tutorial de graphql en next con prisma y lo que mas me complica es el deploy

[victorm.ottatig.]

Muchas gracias fazt, podrias hacer un ejemplo, utilizando Monaco, de una aplicación tipo blog básico con React?

[johansebastianpuentespulid]

Gracias fazt, siempre me interesan los editores en la web, haz probado codemirror?, Estaría bueno un ejemplo en vanilla js o un framework

[abnermartinez]

Hola Fazt, excelente video gracias, de hecho ya lo ocuper para crear unos features en una App,
Pero me queda una duda, se pueden obtener lo errores de para crear validaciones y mostrarle al usuario que hay errors o warnings en el codigo que està haciendo?

[TaylorMosqueraCastro]

Hola fazt, hay una manera de usar monaco editor en un proyecto que no usa ningún framework, usa jquery, o alguien conoce una manera te tener un editor html con formateo y color de código

[johansebastianpuentespulid]

Esta épico fazt, como sería usar Three Js con React?

[johansebastianpuentespulid]

Harías un ejemplo del nuevo framework Remix JS que está basado en React?

[devsilva]

sería genial hacer nuestro propio playground de js, yo lo e intentado pero el resultado no se muestra como debería.


digamos que yo coloco números en distintas espacios del editor de monaco editor y quiero que esos espacios entre las líneas se refleje en la salida.


23 23
23 23

23 23

12 12

43 43


pero el resultado actual se muestra así







23
23



23

12

43 43












quiero que sea como runJS

[danielrangel]

Seria mucho mas eficiente si en vez de usar electrom como base para visual studio, usarán rust con web­ assembly. Uff el poder y la eficiencia sería de un 60 o 70% más ligero y rápido que con electrom, sin mencionar que pesará mucho menos.

[hlatinocesar]

Viendo este y otros de tus videos. quisiera preguntarte de cuantas pulgadas de monitor es tu monitor o con cual se te hace más fácil programar. 😮. y si puedes recomendar uno

[paulooliveira]

What theme do you use in your vs code?

[caelum]

Alguno conoce cual es Tree que utuliza visual estudio code cual es la lib ?

[roger]

Una pregunta no tiene nada que ver con el video pero saquen me de dudas porfa
Una aplicación la formaron con estos lenguajes
JavaScript.

Kotlin.

C++

C#

Python.

PHP.

Swift.

Objective-C.

Necesito saber como le hicieron para poder hacer una aplicación con esos lenguajes