ASMR Coding - Clone VScode using Tauri and ReactJS смотреть онлайн
#asmr #tauri #reactjs
Hi friends, it's Hudy again
Today i come back with another video
It's about building a Code Editor (like Vscode) using Tauri and ReactJS
Source code: https://github.com/hudy9x/huditor
Blog version: https://dev.to/hudy9x/ive-cloned-a-simple-vscode-using-tauri-and-reactjs-2fn4
Vietnamese blog version: https://www.komaster.dev/post/clone-lai-1-phien-ban-cuc-don-gian-cua-vscode-su-dung-tauri-va-reactjs
▶ Demo app
* For window: https://github.com/hudy9x/huditor/releases/tag/v0.0.0
* For mac: please run build command: `yarn tauri build` or `npm run tauri build` on your MacOS
▶ Stuffs used in this video:
* Keyboard: Nuphy Halo65 with brown switches https://nuphy.com/products/halo65?sca_ref=2294014.CB9RtCoCm1
* Browser: Microsoft Edge
* Camera: Sony A6300
* Video editing: Wondershare Filmora - https://filmora.wondershare.net/
Follow me online here:
▶ Twitter https://twitter.com/hudy09
▶ Blog https://dev.to/hudy9x
▶ Instagram https://www.instagram.com/hudy9x
▶ Facebook https://www.facebook.com/hudy9x/
▶ Facebook Group: https://www.facebook.com/groups/komaster.dev
00:00 Coming up
00:22 Final result
00:57 Intro
02:17 Project Structure
02:42 Scaffolding code base
10:48 Code flow explanation
12:22 Organizing code structure
14:58 Create the Titlebar
24:02 Create SourceContext
33:58 Create the Sidebar
57:57 Create helpers/filesys.ts
01:07:08 Create stores/files.ts
01:10:46 Create open_folder command
01:15:29 Displaying files and folder to Sidebar
01:17:00 Continue displaying subfolder
01:36:36 Fix bug - icon close to border
01:37:18 Showing opened files on the Tab
01:50:50 Break time
01:53:04 Displaying file content
02:12:34 Fix bug - double file name
02:14:08 Done
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «ASMR Coding - Clone VScode using Tauri and ReactJS» бесплатно и без регистрации, вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.