Tauri & ReactJS - Creating Modern Desktop Apps (read desc.)

Summary

Видео объясняет, как использовать Taure для создания настольных приложений из веб-приложений, избегая необходимости использования Chromium браузера. Автор показывает процесс настройки Taure на Windows, начиная с установки Microsoft Visual Studio и Node.js. Затем объясняется, как создать новый проект React и интегрировать его с Taure, добавляя необходимые зависимости и настройки. Видео охватывает решение проблем, которые могут возникнуть при установке, и демонстрирует конечный результат - рабочее настольное приложение с иконкой и инсталлятором. Автор делится своими трудностями и надеется, что зрители смогут избежать подобных проблем.

Takeaways

• 🌐 Tarry позволяет использовать веб-приложение на настольном компьютере без браузера, обращаясь к локальным ресурсам.
• 🛠️ Для начала работы с Tarry необходимо установить Microsoft Visual Studio Build Tools или Visual Studio 2022.
• ☕️ Во время установки Visual Studio рекомендуется установить Node.js, если он ещё не установлен.
• 📦 Yarn уже включен в состав Visual Studio, поэтому не требует отдельной установки.
• 🔧 Установка Rust и Cargo, пакетного менеджера, также необходима для работы с Tarry.
• 📁 Создание нового проекта Tarry начинается с создания папки проекта и использования React и других инструментов.
• 🔄 Используя `create-react-app`, можно начать разработку веб-приложения, которое будет использоваться в Tarry.
• 🛑 Необходимо настроить React, чтобы избежать автоматического запуска браузера при старте приложения.
• 🔗 Добавление зависимостей и разрешений для корректной работы приложения с Tarry.
• 🏗️ Используя `yarn towery dove`, можно интегрировать Tarry с существующим проектом и создать установщик.
• 🎉 В результате интеграции Tarry с проектом получается готовая установка с иконкой и без необходимости использовать полноценный браузер.

Q & A

Что такое Tarry и как оно отличается от Electron?

Tarry - это инструмент для создания приложений для настольных систем на основе веб-приложений. В отличие от Electron, который использует полноценный Chromium-браузер, Tarry использует web view в системе, что позволяет уменьшить размер приложения и не перегружать пользователя браузером.

Какие инструменты необходимо установить для начала работы с Tarry на Windows?

Для начала работы с Tarry на Windows необходимо установить Microsoft Visual Studio Build Tools, Node.js и Rust с пакетным менеджером Cargo.

Почему может потребоваться установка Microsoft Visual Studio 2022?

Microsoft Visual Studio 2022 может потребоваться для поддержки последних технологий и функций, которые могут быть необходимы для сборки и разработки приложений с использованием Tarry.

Что такое Yarn и как оно используется в контексте Tarry?

Yarn - это менеджер пакетов, предоставляющий более быструю и надежную работу с зависимостями в проектах. В контексте Tarry, Yarn используется для установки зависимостей и управления проектом.

Как создать новый проект для интеграции с Tarry?

Для создания нового проекта с Tarry, следует сначала создать папку проекта, затем использовать 'create-react-app' для инициализации React-приложения и после этого интегрировать Tarry с помощью команды 'yarn tarry add'.

Что такое 'cross-env' и зачем его устанавливают в проекте?

'cross-env' - это инструмент для установки переменных среды в проектах, который работает на всех платформах. Он устанавливается для того, чтобы избежать проблем с переменными среды и обеспечить кросс-платформенную совместимость.

Почему может потребоваться установка пакета 'cross-env'?

Установка 'cross-env' может быть необходимой для того, чтобы корректно управлять переменными среды и обеспечить работу приложения на различных операционных системах.

Что означает 'yarn build' и какую функцию оно выполняет?

'yarn build' - это команда, которая собирает проект в продакшн-версию. Это включает в себя минификацию кода, оптимизацию ресурсов и другие шаги для подготовки приложения к развертыванию.

Какие проблемы могут возникнуть при интеграции Tarry с существующим проектом?

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

Чему научить пользователей интеграция Tarry с веб-приложениями?

Интеграция Tarry с веб-приложениями позволяет пользователям создавать настольные приложения на основе существующих веб-технологий без необходимости использовать полноценный браузер.

Какие дополнительные настройки могут потребоваться для корректной работы Tarry?

Для корректной работы Tarry может потребоваться настройка доступа к локальным ресурсам, настройка иконок приложения и создания инсталлятора для развертывания приложения.