Recommendations from others are noted in (parentheses). The rest are my personal recommendations.
- The Pragmatic Programmer - Hunt & Thomas
Jordan Schroter jschr
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link rel="import" href="../chart-js/chart-js.html"> | |
| <link rel="import" href="../paper-input/paper-input.html"> | |
| <link rel="import" href="../core-icons/core-icons.html"> | |
| <link rel="import" href="../paper-icon-button/paper-icon-button.html"> | |
| <link rel="import" href="../topeka-elements/theme.html"> | |
| <link rel="import" href="../topeka-elements/topeka-resources.html"> | |
| <link rel="import" href="../topeka-elements/topeka-quiz-view.html"> | |
| <link rel="import" href="../topeka-elements/topeka-leaderboard.html"> | |
| <polymer-element name="my-element"> |
jschr
/ programming-books.md
Last active
August 29, 2015 14:14
— forked from krusynth/books.md
jschr
/ chromeLocalStorage.js
Last active
August 3, 2016 19:09
chrome local storage module for redux-persist
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| export default { | |
| getItem(key, cb) { | |
| chrome.storage.local.get(null, (data) => { | |
| if (chrome.runtime.lastError) return cb(chrome.runtime.lastError) | |
| // data will be null if local storage is empty | |
| data = data || {} | |
| cb(null, data[key]) | |
| }) |
jschr
/ spin-app-deployment-handler.js
Last active
November 16, 2016 16:14
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 'use strict' | |
| require('dotenv').load() | |
| const Promise = require('bluebird') | |
| const AppCompiler = require('@spin-io/sdk-app-compiler') | |
| const tar = require('tar-stream') | |
| const gzip = require('zlib').Gzip | |
| const request = require('request') |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import fontLatoRegular from './fonts/Lato-Regular.woff2' | |
| import fontLatoBold from './fonts/Lato-Bold.woff2' | |
| export const baseFontSize = '25px' | |
| export const fontFamily = { fontFamily: 'Lato', src: `url(${ fontLatoRegular }) format('woff2')` } | |
| export const fontFamilyBold = { fontFamily: 'Lato-Bold', src: `url(${ fontLatoBold }) format('woff2')` } | |
| export const textColor = '#fff' | |
| export const bgColor = '#fff' |
jschr
/ gist:84f5bbf93a33a2a3488cee339bfbce85
Created
January 28, 2017 03:36
My high-level understanding of realtime architecture
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| There are a few layers involved in making a realtime app. Still learning the realtime architecture myself but internally, your infrastructure will need to be able to support reacting to updates instantly. That's pretty difficult to do when you have multiple servers and clients making updates while also asking to be notified of those changes in realtime. | |
| RethinkDB handles that at the db level. Meaning your web servers can directly ask the database when an update has occurred. Most other databases don't have a way for servers to open a communication channel that allows them to be notified of database changes as they occur. In relational databases you could probably accomplish this with table triggers but I'm not too familiar with using them like that. RethinkDB makes it much easier, and has a cool query language. However in a lot of cases in realtime apps your clients will disconnect and reconnect and will require knowledge of the change log of updates since the last time it was connected. To do that you’d n |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| export default function ({ username }) { | |
| return `<html><body>hello ${username}</html></body>` | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| export default async function getProps(username) { | |
| const sumary = await getGithubSummary(username) | |
| return summary | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| export default function Template({ body, ssr, js }) { | |
| return ( | |
| <html> | |
| <head> | |
| <title>{ssr.appProps.username}</title> | |
| </head> | |
| <body> | |
| <div id='react-root' dangerouslySetInnerHTML={{ __html: body }} /> | |
| <script dangerouslySetInnerHTML={{ __html: `window.ssr = ${JSON.stringify(ssr)}` }} /> | |
| { js.map(src => <script src={src} />) } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| webpack-dev-server --env.FOO bar |
OlderNewer