Работа с файлами в Electron JS

Подписаться 2,5 тыс.

Просмотров 2,3 тыс.

50% 1

Продолжаем тему разработки десктопных приложений на JavaScript, с использованием Electron JS, и сегодня напиши простую версию текстового редактора в котором есть возможность создания файлов, редактирования, сохранения и удаления данных.
Таким образом научимся взаимодействовать с файловой системой, подключать библиотеки node.js, и реализуем полный цыкл CRUD для файлов.
Иконка приложения:
www.flaticon.com/free-icon/fi...
Подключение Google material icons:
fonts.googleapis.com/icon?fam...
Сервис Google Fonts:
fonts.google.com/icons
Код урока:
github.com/ateros-lab/text-ed...
#javascript #electronjs #nodejs #desktop #программирование #урокидляначинающих #js #portfolio

Опубликовано:

27 апр 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 26

@gregdmitriev2784 Год назад

Y-ho ! Годнота подъехала !!! Дякую, мужик, крутотенечка ! 💪👍

@_ateros Год назад

Спасибо большое) 🙏🙏

@dimkagera6955 7 месяцев назад

Чувак, да ты машина )) Я недавно начал учить джээсик, про электрон вообще не знал, подписочка однозначно !

@_ateros 7 месяцев назад

Спасибо) 🙏 Рад, что вам понравилось)

@anar2609 Год назад

я ждал от вас чего то подобного спасибо большое за контент. Планируетели вы делать большие проекты на nodejs?

@_ateros Год назад

Рад, что вам понравилось. 🙏 Да, но большие уже на react-е, скорее всего будем делать (react+electron).

@sargisdavtyan6676 7 месяцев назад

Здравствуйте я сделал свое небольшое приложение на Electron js, но есть одна проблема, как только приложение запускается в режиме maximize, то при запуске на окне справа появляются какие то черные артефакты, потом пропадают, не подскажете что я неправильно делаю, как можно решить эту проблему

@_ateros 7 месяцев назад

Здравствуйте, можете подсказать какая у вас ос, и какая версия electron прописана в package.json

@sargisdavtyan6676 7 месяцев назад

@@_ateros Windows 10 версия Electron последняя

@_ateros 7 месяцев назад

Не знаю с чем это может быть связано, извини. Если получится найти решение, напиши пожалуйста в ответ на этот комментарий, это поможет другим.

@sargisdavtyan6676 7 месяцев назад

@@_ateros Я пробовал написать приложение на фреймворке nw.js, и там нету такой проблемы, + приложение на nw.js работает быстрее чем на Electron

@_ateros 7 месяцев назад

К сожалению nw.js уже неактуален. Де-факто стандартом является Electron, хорошие перспективы показывает Tauri, но посмотрим как там будет. Но я рад, что у тебя все получилось 👍 Если все работает на nw, продолжай делать на нем. Я помню где-то мне попадалось видео, где человек показывал как решить, что-то похожее на то, что у тебя было. Это было довольно давно, уже не помню что именно он делал. Сегодня долго искал но так и не смог найти.

@user-vz4vz1fv5k 10 месяцев назад

а почему ты делаешь всё в маин процессе и не используешь рендерер процесс?

@_ateros 10 месяцев назад

Хотел по максимуму упростить, возможно потом о межпроцессном взаимодействии отдельно сниму

@user-vz4vz1fv5k 10 месяцев назад

@@_ateros понял, просто по факту маин процесс это как бэкенд. И у тебя все идёт через бэкенд. Я думаю, те кто пойдут изучать электрон изначально будут смущены из за этого) А так очень хороший ролик для начинающих, чтобы они заинтересовались.

@_ateros 10 месяцев назад

Спасибо большое 🙏🙏