[{"data":1,"prerenderedAt":180},["ShallowReactive",2],{"i-mdi:github":3,"i-mdi:linkedin":8,"i-mdi:instagram":10,"blog-tauri-app-si-calon-pesaing-electron-js-yang-ditulis-menggunakan-rust":12,"i-solar:calendar-linear":174,"i-solar:arrow-left-linear":176,"i-solar:pen-2-linear":178},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cpath fill=\"currentColor\" d=\"M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93zM6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3\"\u002F>",{"id":13,"title":14,"body":15,"date":163,"description":164,"extension":165,"image":166,"meta":167,"navigation":168,"path":169,"seo":170,"sitemap":171,"stem":172,"__hash__":173},"blog\u002Fblog\u002Ftauri-app-si-calon-pesaing-electron-js-yang-ditulis-menggunakan-rust.md","Tauri: The Upcoming Electron Competitor Written in Rust",{"type":16,"value":17,"toc":156},"minimark",[18,22,32,37,45,76,80,83,94,98],[19,20,21],"p",{},"When talking about cross-platform desktop apps, we can't ignore popular names like electron.js and meteor.js. Electron is currently the most popular framework, with over 100k stars on GitHub, and we all know that electron.js is managed and developed by GitHub as the main contributor. However, before Tauri arrived, Electron was often criticized for using Chromium as its application renderer, which, as we know, is quite memory-hungry. So, how do we solve this? Well, you could use native code—just kidding. Is there another solution?",[19,23,24,25,31],{},"Yes, there is! It's called Tauri, a newcomer built using Rust as its compiler. Unlike Electron, which uses the V8 engine and Chromium as its renderer, Tauri uses Rust at its core and introduces TAO and WRY as tools for communication. So, compared to JavaScript, Rust is much closer to the machine, right? According to several sources, Tauri excels in memory management and bundle size compared to Electron. For example, see this source: ",[26,27,28],"a",{"href":28,"rel":29},"https:\u002F\u002Fwww.levminer.com\u002Fblog\u002Ftauri-vs-electron",[30],"nofollow",". Of course, Tauri also has a faster startup time than Electron. Okay, that's enough intermezzo—let's move on to installation.",[33,34,36],"h2",{"id":35},"development-experience","Development Experience",[19,38,39,40,44],{},"For a more complete installation guide, visit ",[26,41,42],{"href":42,"rel":43},"https:\u002F\u002Ftauri.app",[30],". But for starters, they already support popular frameworks like:",[46,47,48,56,63,70],"ul",{},[49,50,51],"li",{},[26,52,55],{"href":53,"rel":54},"https:\u002F\u002Fnextjs.org\u002F",[30],"NextJS",[49,57,58],{},[26,59,62],{"href":60,"rel":61},"https:\u002F\u002Fkit.svelte.dev\u002F",[30],"SvelteKit",[49,64,65],{},[26,66,69],{"href":67,"rel":68},"https:\u002F\u002Fvitejs.dev\u002F",[30],"Vite",[49,71,72],{},[73,74,75],"em",{},"other frameworks",[33,77,79],{"id":78},"should-you-migrate","Should You Migrate?",[19,81,82],{},"For those who have tried or produced products using electron.js, should you migrate to Tauri? My answer is yes, but with some notes:",[46,84,85,88,91],{},[49,86,87],{},"Tauri uses Rust in some cases. It's basic, but Rust is a high-level language that not everyone is familiar with.",[49,89,90],{},"Tauri's sponsorship is still limited compared to Electron, which has been around longer, so it will take time to develop features that match Electron.",[49,92,93],{},"There are not yet any showcase companies using Tauri as one of their technologies.",[33,95,97],{"id":96},"references","References",[46,99,100,107,114,121,128,135,140,145,150],{},[49,101,102],{},[26,103,106],{"href":104,"rel":105},"https:\u002F\u002Ftauri.app\u002F",[30],"Tauri",[49,108,109],{},[26,110,113],{"href":111,"rel":112},"https:\u002F\u002Fwww.electronjs.org\u002F",[30],"Electron.js",[49,115,116],{},[26,117,120],{"href":118,"rel":119},"https:\u002F\u002Fwww.rust-lang.org\u002F",[30],"Rust",[49,122,123],{},[26,124,127],{"href":125,"rel":126},"https:\u002F\u002Fgithub.com\u002Ftauri-apps\u002Ftao",[30],"TAO",[49,129,130],{},[26,131,134],{"href":132,"rel":133},"https:\u002F\u002Fgithub.com\u002Ftauri-apps\u002Fwry",[30],"WRY",[49,136,137],{},[26,138,55],{"href":53,"rel":139},[30],[49,141,142],{},[26,143,62],{"href":60,"rel":144},[30],[49,146,147],{},[26,148,69],{"href":67,"rel":149},[30],[49,151,152],{},[26,153,155],{"href":28,"rel":154},[30],"Tauri vs Electron Comparison",{"title":157,"searchDepth":158,"depth":158,"links":159},"",2,[160,161,162],{"id":35,"depth":158,"text":36},{"id":78,"depth":158,"text":79},{"id":96,"depth":158,"text":97},"2022-12-06","Who hasn't heard of electron.js? The go-to multi-platform desktop development framework for Linux, Mac, and Windows. Now, there's a new competitor: Tauri JS.","md","\u002Fimages\u002Fblog\u002Ftauri.png",{},true,"\u002Fblog\u002Ftauri-app-si-calon-pesaing-electron-js-yang-ditulis-menggunakan-rust",{"title":14,"description":164},{"loc":169},"blog\u002Ftauri-app-si-calon-pesaing-electron-js-yang-ditulis-menggunakan-rust","6hScf7RNBobCmptTM3Ez1mB6cTJ205J08I_L_xvZ_B0",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":175},"\u003Cg fill=\"none\">\u003Cpath stroke=\"currentColor\" stroke-width=\"1.5\" d=\"M2 12c0-3.771 0-5.657 1.172-6.828S6.229 4 10 4h4c3.771 0 5.657 0 6.828 1.172S22 8.229 22 12v2c0 3.771 0 5.657-1.172 6.828S17.771 22 14 22h-4c-3.771 0-5.657 0-6.828-1.172S2 17.771 2 14z\"\u002F>\u003Cpath stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M7 4V2.5M17 4V2.5M2.5 9h19\"\u002F>\u003Cpath fill=\"currentColor\" d=\"M18 17a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-5 4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-5 4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":177},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M20 12H4m0 0l6-6m-6 6l6 6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":179},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\u003Cpath stroke-linecap=\"round\" d=\"M4 22h16\"\u002F>\u003Cpath d=\"m13.888 3.663l.742-.742a3.146 3.146 0 1 1 4.449 4.45l-.742.74m-4.449-4.448s.093 1.576 1.483 2.966s2.966 1.483 2.966 1.483m-4.449-4.45L7.071 10.48c-.462.462-.693.692-.891.947a5.2 5.2 0 0 0-.599.969c-.139.291-.242.601-.449 1.22l-.875 2.626m14.08-8.13l-6.817 6.817c-.462.462-.692.692-.947.891q-.451.352-.969.599c-.291.139-.601.242-1.22.448l-2.626.876m0 0l-.641.213a.848.848 0 0 1-1.073-1.073l.213-.641m1.501 1.5l-1.5-1.5\"\u002F>\u003C\u002Fg>",1779378197805]