Giter Site home page Giter Site logo

essential-electron's Introduction

Essential Electron screenshot

Essential Electron

This is a informational website about Electron, answering essential Electron concepts in plain-speak, a few diagrams and links to resources for diving in deeper.


This was an idea I had about a different type of documentation—or something—where text was kept short, jargon was expanded upon, concepts were defined and links provided for more in-depth explanations. I built this out because I couldn't get the idea out of my head without trying to see it through, so here it is! There is more I'll likely keep tweaking. Hopefully some will find it useful 😄

Here's a blog post with a bit more info.

Build it

The site is built from one markdown file index.md with one bit of inline HTML for creating the styles on the vocabulary words. The markdown is parsed and turned into HTML, sandwiched between header.html and footer.html through a tiny Node script in index.js.

The stylesheet is style.css and it uses system fonts unless you have Source Sans Pro installed locally.

You'll need Node.js to build this site:

# Clone repository
git clone https://github.com/jlord/essential-electron.git
# Go into repository clone
cd essential-electron
# Install dependencies
npm install
# Rebuild if changes have been made to:
# index.md, footer.html, header.html
npm start
# Open the page in your browser
open index.html

essential-electron's People

Contributors

jlord avatar juliomatcom avatar lurch avatar muan avatar postd avatar skippednote avatar sroberts avatar trstringer avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

essential-electron's Issues

Multiple renderers!

Hi @jlord! This is super great, I really like it! Thanks for putting in the work to get this to folx. One thing that I noticed might cause confusion is, this notion of "two processes". This is true in the simple case, but really it's, "One renderer for every window you create" (and really really, one renderer for every window and webview tag you create).

It might be better to say, two types of processes, then really drive home the point that every Window gets its own process - "one window == one process" is pretty straightforward for people to understand I think, and maybe beef up the "Think of it like this" section a bit

Would you like books added to resources?

Hi,

There are two books currently in production about Electron, one soon (November this year) and one next summer. Would you be interested in having them listed under the "resources" section? The book links are below:

Disclaimer - I'm the author of the 2nd book listed.

That was a great explanation of Electron's multiple process approach with main and renderer in the site, it makes so easy to understand why Electron's API is designed that way.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.