Wiki Article · Cinematic

Electron

Electron ek open-source framework hai jo web technologies (HTML, CSS, JavaScript) use karke…

Overview

Electron — Quick Facts

📌

Property: Detail

🎯

Full Name: Electron (formerly Atom Shell)

⚡

Type: Desktop Application Framework

🔑

Created By: GitHub (now part of OpenJS…

Topic 1

Kya Hai Electron

💡

Windows ke liye C#/.NET ya C++

🔑

macOS ke liye Swift/Objective-C

⚡

Linux ke liye C++/GTK/Qt

🎯

Chromium = web pages render karta…

Topic 2

History

💡

2013: GitHub ne Atom Shell banaya…

🔑

2015: Naam badal ke Electron rakha…

⚡

2016: Electron 1.0 release —…

🎯

2016-2018: Rapid adoption — Slack,…

Topic 3

Architecture

💡

Ek hi main process hota hai per app

🔑

App start/stop, window…

⚡

System-level operations: file…

🎯

Node.js ka full access — npm…

Topic 4

How It Works

💡

Browser me website ke paas file…

🔑

Browser me system notifications,…

⚡

Browser tab me hai — Electron me…

🎯

Electron app offline bhi kaam…

Topic 5

Advantages

💡

Ek codebase — Windows + macOS +…

🔑

Platform-specific code minimal…

⚡

Development cost aur time…

🎯

HTML, CSS, JavaScript — duniya ke…

Topic 6

Disadvantages

💡

Chromium bundled hai — minimum…

🔑

Simple "Hello World" app bhi 100+…

⚡

Compared to native apps (few MBs)

🎯

Chromium per window = ek Chrome…

Topic 7

Notable Apps

🌟 | App | Category | Users (Approx) | |---|---|---| | Visual Studio Code | Code Editor |…

Topic 8

Electron vs Alternatives

Topic 9

Security Considerations

💡

Renderer process me web page aur…

🔑

Web page directly Node.js APIs…

⚡

Renderer process sandboxed —…

🎯

System operations sirf IPC ke…

Topic 10

Best Practices

💡 1. Context isolation ON rakho — web content aur Node.js alag rehne chahiye 2. Sandbox…

Comparison

Electron vs Alternatives

⚖️

Language: JavaScript/TypeScript

⚖️

Rendering: Chromium (bundled)

⚖️

App Size: 150-200+ MB

Diagram

Visual Flow

📊 Diagram visualization — details in narration

Quiz — Question 1

Electron ka sabse sahi definition kya hai?

Quick Quiz

Quiz — Question 2

Electron ka 'Full Name' kya hai?

Complete! 🎉

Electron Complete!

Aliens Wiki · HIEN · Cinematic Knowledge

✅

Electron Complete

➡️

Electron

Electron — Quick Facts

Property: Detail

Full Name: Electron (formerly Atom Shell)

Type: Desktop Application Framework

Created By: GitHub (now part of OpenJS…

Kya Hai Electron

Windows ke liye C#/.NET ya C++

macOS ke liye Swift/Objective-C

Linux ke liye C++/GTK/Qt

Chromium = web pages render karta…

History

2013: GitHub ne Atom Shell banaya…

2015: Naam badal ke Electron rakha…

2016: Electron 1.0 release —…

2016-2018: Rapid adoption — Slack,…

Architecture

Ek hi main process hota hai per app

App start/stop, window…

System-level operations: file…

Node.js ka full access — npm…

How It Works

Browser me website ke paas file…

Browser me system notifications,…

Browser tab me hai — Electron me…

Electron app offline bhi kaam…

Advantages

Ek codebase — Windows + macOS +…

Platform-specific code minimal…

Development cost aur time…

HTML, CSS, JavaScript — duniya ke…

Disadvantages

Chromium bundled hai — minimum…

Simple "Hello World" app bhi 100+…

Compared to native apps (few MBs)

Chromium per window = ek Chrome…

Notable Apps

Electron vs Alternatives

Security Considerations

Renderer process me web page aur…

Web page directly Node.js APIs…

Renderer process sandboxed —…

System operations sirf IPC ke…

Best Practices

Electron vs Alternatives

Language: JavaScript/TypeScript

Rendering: Chromium (bundled)

App Size: 150-200+ MB

Visual Flow

See Also

JavaScript

Node_js

Chromium

Desktop_application

Cross_platform

VS_Code

Quiz — Question 1

Quiz — Question 2

Electron Complete!

Electron Complete

JavaScript