FAB Builder? ?? ?? ??? ??? ???? ? ?????

Electron? ???? ???? ??????? ??? ?? ? ??? ???? ???? ??? ? ?? ???? ?? ?? ?? ?? ???????. ??? Electron?? Vue ?? React? ???? ????? ???? ?? ??? ?? ??? ??? ? ????. ?? ??? ????? ??? ????? ???? ?????? ????? ??? ?? ?? ???? FAB Builder? ?????.

FAB Builder? ??? ??? ???? Electron ?? ?? ??? ????? ?????? ?? ????? ???? ?? ?? ?? ??? ?? ??? ? ????.

?? ????? FAB Builder? ???? ??? ??????

• ?? ??: FAB Builder? ?? ???? ?? ?? ??? ????? ?? ??? ?????.

• ????? ??? ???: ??? ?? ???? ?? ??? ? ?? ?????? Vue ?? React? ?????.

• ?? ? ?? ??: FAB Builder? ??? ? ?????? ??? ???? ?? ??? ?? ??? ??? ?????.

• ?? ?? ??: ?? ??? ?? ?? ????? ??? ??????? ?? ? ????.

FAB Builder? ???? Vue ?? React Electron ?? ??? ??????

FAB Builder? ???? Electron ?? ???? ?? ??????. ???? ??? ??? ????.

• FAB Builder ??: FAB Builder ??? ????? ????? "? ??????"? ?????.

• ?? ??:

a. ?? ????? Electron? ?????.

b. ????? ?????? Vue.js ?? React? ?????.

c. Node.js ?? ??? ??? ???? ??????? ?????.

• ? ??? ??: ??????? ??? ??? ??? ?????. ?? ?? ??, ???, ??? ?? ??? ?? ??? ???? ?? ? ????.

• ?? ? ????: ??? ??? ?? ?? ??? ??? ??? ? ??? ??? Electron ? ?????? ???????.

FAB Builder? Electron?? Vue ?? React ??? ??? ??????

FAB Builder? ??? ?? Electron ?? ?? ??? ?? ??? ??? ?????.

Vue ?? ?:

FAB Builder? vue-cli? ???? Vue ????? ???? ?? Electron ?? ????? ?????. ?? ???? ??? ????.

?? ????(main.js):

const { app, BrowserWindow } = require('electron'); 
const path = require('path'); 

let mainWindow; 

app.on('ready', () => { 
  mainWindow = new BrowserWindow({ 
    width: 800, 
    height: 600, 
    webPreferences: { 
      preload: path.join(__dirname, 'preload.js'), 
      nodeIntegration: true, 
    }, 
  }); 

  mainWindow.loadURL('http://localhost:8080'); // Vue Dev Server 
}); 

Vue ???(src/main.js):

import { createApp } from 'vue'; 
import App from './App.vue'; 

createApp(App).mount('#app'); 

React ?? ?:

Main Process (main.js):

const { app, BrowserWindow } = require('electron'); 
const path = require('path'); 

let mainWindow; 

app.on('ready', () => { 
  mainWindow = new BrowserWindow({ 
    width: 800, 
    height: 600, 
    webPreferences: { 
      preload: path.join(__dirname, 'preload.js'), 
      nodeIntegration: true, 
    }, 
  }); 

  mainWindow.loadFile(path.join(__dirname, 'index.html')); 
}); 

React ???(src/index.js):

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import App from './App'; 

ReactDOM.render(<App />, document.getElementById('root'));

FAB Builder? ??? ??? ?? ???? ??? ??? ??? ???.

?? ???? ?? FAB Builder? ?? ??? ??????

-** ??? ??:** Vue, React ? Node.js? ??? ?? ?? ??? ?????.

• ?? ??? ???: Electron? ????? ?? ?? ??? ???? ??? ?????.

• ?? ??? ??: Flutter, Android ? iO? ?? ?????.

• ??? ??: AWS, Azure ?? FAB Builder? ?? ???? ???? ?? ?? ???? ???? ???? Electron ?? ?????.

FAB Builder? ??? ?? ??? ??????

FAB Builder? ???? ??? ??? ?? ??? ? ????.

• ?? ??: ???? ?? ???? ????? ?? ??? ?? 200?? ?????.

• ?? ???: FAB Builder? ?? ?? ???? ???? ??? ?? ?? ?? ???? ??? ?????.

• ???: ??? ??? ?? ???? ??? ??????? ??? ???? ??? ? ????.

FAB Builder? Electron?? ??? ??? ? ????

?? ? ?? ? ?? ???? ??????? ??? ????.

• ?? ?? ??: ??? ?? ??? ?????.

• ???? CRM ??: ??? ??? ?? ?? ?? ?? ?????? ?????.

• ??? ?: ?? ???, ?? ?? ?? ?? ?? ?? ?? ????.

FAB Builder? ?? ??? ?????? ???? ??? ??????

FAB Builder? ???? ?? ??? ??? ????. ????? ??? ?:

1. ?????? '?? ?? ????'? ?????.

2. ?? ??? ?? ??? Git ???? ?? ?????.

3. ?? ??? ?? ?? ??? ?? ?? ??? ?????.

????? FAB Builder? ?? ??? ?????

???? ??? ?? FAB Builder? ???? ?? ?????.

• "FAB Builder? Electron ????? ???? ??? ???????. ?? ?? ?? ??? ? ?? ??? ? ????." — Manoj, ?? ?? ???

• "????? FAB Builder? ?? ?? ?? ? ??? ??? ???? ? ??? ?????." — Adnan Kazi, ????

?? ????? ???? ??? ?????

FAB Builder? ???? Vue ?? React? Electron ?? ???? ?? ? ?? ??? ??????. ??? ??? ??? ???? ??? ? ??? ?????. ?? FAB Builder? ??? ????? ??? ??? ??????!

? ??? Vue ?? React? ???? Electron? ?? ?? ???? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!