Skip to content

Instantly share code, notes, and snippets.

View stevekinney's full-sized avatar

Steve Kinney stevekinney

View GitHub Profile

Electron and React QCon Workshops

Prerequisites

You'll need a recent version of Node.js installed on your computer with administrative access. Yarn is not required, but Electron Forge uses it, so it would be helpful to install beforehand.

Please make sure you're using a supported platform. This is particularly important if you're running Linux.

Important note: If you're using Windows, make sure you're not using the Windows Subsystem for Linux. This will confuse Electron to thinking you're running on a Linux machine when you're really not.

Frontend Masters: React && Firebase (Version 2)

Contact Information

Prequisite Setup

  • A recent version of Node.js
  • npm install -g create-react-app
@stevekinney
stevekinney / electron-fem-v2.md
Last active November 6, 2023 12:25
Frontend Masters: Electron Workshop (December, 2018)

Frontend Masters: Electron (Version 2)

You'll need a recent version of Node.js installed on your computer with administrative access. Yarn is not required, but Electron Forge uses it, so it would be helpful to install beforehand.

Please make sure you're using a supported platform. This is particularly important if you're running Linux.

Important note: If you're using Windows, make sure you're not using the Windows Subsystem for Linux. This will confuse Electron to thinking you're running on a Linux machine when you're really not.

We'll be using working through the following repositories over the course of the workshop:

const example = `22 + 23`;
const isWhitespace = character => /\s/.test(character);
const isNumber = character => /[0-9]/.test(character);
const isOperator = character => /[\+\-\*\/]/.test(character);
const tokenize = (input) => {
let cursor = 0;
const tokens = [];
/**
* Creates as an iterable queue for use in a breadth-first search.
*
* If you iterate over this queue, you will get a breadth-first search for
* free.
*
* @param rootNode - First node to add to the queue.
* @yields The next AST node in the queue.
* @returns The complete queue of nodes that were added.
*

Frontend Masters: AWS for Frontend Engineers

You should have the following completed on your computer before the workshop:

  • Install the AWS CLI.
  • Have Node.js installed on your system. (Recommended: Use nvm.)
    • Install yarn with brew install yarn.
  • Create an AWS account. (This will require a valid credit card.)
  • Create a Travis CI account. (This should be as simple as logging in via GitHub).
{
"version": "0.2.0",
"configurations": [
{
"name": "Debug Main Process",
"type": "node",
"request": "launch",
"cwd": "${workspaceRoot}",
"runtimeExecutable":
"${workspaceRoot}/node_modules/.bin/electron",
encoding = UTF-8
fontName = "Fira Code"
fontSize = 14
lineEndings = '\n'
showInvisibles = false
softWrap = true
tabSize = 2
fileBrowserGlob = "{*,.tm_properties,.htaccess,.gitignore,.jshintrc,.eslintrc,.babelrc}"
include = "{$include,.tm_properties,.htaccess,.gitignore,.jshintrc,.eslintrc,.babelrc}"
{
"env": {
"browser": true,
"node": true,
"es6": true
},
"extends": [
"eslint:recommended",
"plugin:import/errors",
[user]
name = Steve Kinney
email = hello@stevekinney.net
[credential]
helper = osxkeychain
[filter "lfs"]
process = git-lfs filter-process
required = true
clean = git-lfs clean -- %f
smudge = git-lfs smudge -- %f