React Project: The Online Editor for HTML, CSS and JavaScript
454 بار بازدید -
2 سال پیش
-
This video teaches how to
This video teaches how to create an online editor for HTML, CSS & JavaScript. We will complete this project using React & create-react-app. We are going to use Monaco Editor. VS Code also uses the same Monaco editor. Your code will not be lost since we will store it in the browser's local storage as well.
This is an interesting React project. Follow every step and do your own project.
Timeline
00:00 Introduction
01:57 Starting the Project
04:18 React States
05:12 React Handling Events
05:55 Iframe
08:55 Creating Tab Bar
12:35 Adding Monaco Editor
15:48 Adding More Styles
17:35 Storing code in the local storage
Find the code here - https://github.com/rhtm123/online-edi...
You can visit our website at www.codingchaska.com
This is an interesting React project. Follow every step and do your own project.
Timeline
00:00 Introduction
01:57 Starting the Project
04:18 React States
05:12 React Handling Events
05:55 Iframe
08:55 Creating Tab Bar
12:35 Adding Monaco Editor
15:48 Adding More Styles
17:35 Storing code in the local storage
Find the code here - https://github.com/rhtm123/online-edi...
You can visit our website at www.codingchaska.com
2 سال پیش
در تاریخ 1401/11/02 منتشر شده
است.
454
بـار بازدید شده