Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vpksoftorg/tauri_react_vite_ts_script_antd_i18next_tokio_styled_v1

Tauri Application template with React, Vite, TypeScript, Ant Design, i18next, Tokio and Styled Components
https://github.com/vpksoftorg/tauri_react_vite_ts_script_antd_i18next_tokio_styled_v1

ant-design antd i18next i18next-react react reactjs styled-components tauri tauri-app tokio-rs typescript vite vitejs

Last synced: about 1 month ago
JSON representation

Tauri Application template with React, Vite, TypeScript, Ant Design, i18next, Tokio and Styled Components

Host: GitHub
URL: https://github.com/vpksoftorg/tauri_react_vite_ts_script_antd_i18next_tokio_styled_v1
Owner: VPKSoftOrg
License: mit
Created: 2024-04-13T17:21:13.000Z (8 months ago)
Default Branch: develop
Last Pushed: 2024-11-11T04:31:05.000Z (about 1 month ago)
Last Synced: 2024-11-11T05:28:00.032Z (about 1 month ago)
Topics: ant-design, antd, i18next, i18next-react, react, reactjs, styled-components, tauri, tauri-app, tokio-rs, typescript, vite, vitejs
Language: TypeScript
Homepage:
Size: 1.29 MB
Stars: 2
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- Changelog: change-name-owner-src/index.js
- License: LICENSE

Awesome Lists containing this project

README

        # Tauri + React + Vite + Typescript + antd + i18next + Tokio + Styled Components

This template should help get you started developing with [Tauri](https://tauri.app), [React](https://react.dev), [Vite](https://vitejs.dev), [Typescript](https://www.typescriptlang.org), [antd](https://ant.design), [i18next](https://www.i18next.com), [Styled Components](https://styled-components.com) and [Tokio](https://tokio.rs).

The template is for [Tauri version 1+](https://v1.tauri.app/), for the [Version 2 template here](https://github.com/VPKSoftOrg/tauri_react_vite_ts_script_antd_i18next_tokio_styled_v2).

## Recommended IDE Setup 1

- [VS Code](https://code.visualstudio.com/) + [Tauri](https://marketplace.visualstudio.com/items?itemName=tauri-apps.tauri-vscode) + [rust-analyzer](https://marketplace.visualstudio.com/items?itemName=rust-lang.rust-analyzer)

## Recommended IDE Setup 2

- [RustRover](https://www.jetbrains.com/rust/)

## To use this template

After GitHub *Use this template*:

1. CD into `change-name-owner-src`

2. Run NPM install: `npm i`

3. Run the replace script:

   `node ./index.js --copyright [your company/your name] --appName [the application name] --initialVersion [0.0.1] --appUrl [the main url for the application web site] --sourceUrl [the source code url for the application source] --manualDownloadUri [an url where the application may be downloaded] --shortDescription [A short one-line description of the application]`

   Example:

   

   `node ./index.js --copyright VPKSoft --appName MyNewApp --initialVersion 0.1.0 --appUrl https://www.vpksoft.net --sourceUrl https://github.com/VPKSoft/MyNewApp --manualDownloadUri https://github.com/VPKSoft/MyNewApp/releases/latest --shortDescription "An app for something"` 

## Debug instructions to RustRover or Visual Studio Code

* [Visual Studio Code](https://github.com/VPKSoftOrg/tauri_react_vite_ts_script_antd_i18next_tokio_styled_v1/wiki/Visual-Studio-Code:-Run-and-Debug)

* [RustRover](https://github.com/VPKSoftOrg/tauri_react_vite_ts_script_antd_i18next_tokio_styled_v1/wiki/RustRover:-Run-and-debug)

## Features

Support for extendable application preferences and a popup for the mentioned purpose:  

![image](https://github.com/VPKSoftOrg/tauri_react_vite_ts_script_antd_i18next_tokio_styled/assets/40712699/0dc7b4e9-401e-4ed5-ab8d-4ac21ec38e6a) ![image](https://github.com/VPKSoftOrg/tauri_react_vite_ts_script_antd_i18next_tokio_styled/assets/40712699/b13b78a1-970e-491e-ac61-b58881bf6d30)

Support for localization which is totally optional.

For backend localization see the [additional readme](./src/localization/rust_i18n_transform/README.md).

The window title bar is custom. E.g. it looks the same with different operation systems:

![image](https://github.com/VPKSoftOrg/tauri_react_vite_ts_script_antd_i18next_tokio_styled/assets/40712699/dc99d8b0-5796-40f0-aa52-baf913f97f8a)

Also with dark mode support:

![image](https://github.com/VPKSoftOrg/tauri_react_vite_ts_script_antd_i18next_tokio_styled/assets/40712699/565d346b-4272-4beb-8933-b4d1f8e45d20)

Customizable tool bar and menu with React(antd) components.