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

Поделиться
HTML-код
  • Опубликовано: 4 окт 2024
  • Продолжаем тему разработки десктопных приложений на JavaScript, с использованием Electron JS, и сегодня напиши простую версию текстового редактора в котором есть возможность создания файлов, редактирования, сохранения и удаления данных.
    Таким образом научимся взаимодействовать с файловой системой, подключать библиотеки node.js, и реализуем полный цыкл CRUD для файлов.
    Иконка приложения:
    www.flaticon.c...
    Подключение Google material icons:
    fonts.googleap...
    Сервис Google Fonts:
    fonts.google.c...
    Код урока:
    github.com/ate...
    #javascript #electronjs #nodejs #desktop #программирование #урокидляначинающих #js #portfolio

Комментарии • 27

  • @gregdmitriev2784
    @gregdmitriev2784 Год назад +1

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

    • @AterosDev
      @AterosDev  Год назад

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

  • @anar2609
    @anar2609 Год назад +1

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

    • @AterosDev
      @AterosDev  Год назад

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

    • @SuicidalUla
      @SuicidalUla Месяц назад

      @@AterosDev Можете дать ссылку на видео? Я как раз с реактом делаю

  • @evilneo2340
    @evilneo2340 4 месяца назад

    как вытащить файлы в реакт приложение?

    • @AterosDev
      @AterosDev  4 месяца назад

      Имеешь ввиду как дать пользователю возможность выбрать файлы? Можешь попробовать вот это - www.electronjs.org/ru/docs/latest/api/dialog

  • @dimkagera6955
    @dimkagera6955 Год назад +1

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

    • @AterosDev
      @AterosDev  Год назад

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

  • @сергейтот-с5ф
    @сергейтот-с5ф Год назад

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

    • @AterosDev
      @AterosDev  Год назад

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

    • @сергейтот-с5ф
      @сергейтот-с5ф Год назад +1

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

    • @AterosDev
      @AterosDev  Год назад

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

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

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

    • @AterosDev
      @AterosDev  11 месяцев назад

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

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

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

    • @AterosDev
      @AterosDev  11 месяцев назад

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

    • @sargisdavtyan6676
      @sargisdavtyan6676 11 месяцев назад +1

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

    • @AterosDev
      @AterosDev  11 месяцев назад

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

  • @hryashq
    @hryashq Год назад +1

    Привет, поправь название

    • @AterosDev
      @AterosDev  Год назад

      Привет, спасибо) 🙏