| /* Class representing a Trie data structure */ | |
| export default class Trie { | |
| /** | |
| * Creates a Trie | |
| * @return {Object} Trie | |
| */ | |
| constructor() { | |
| this.words = 0; | |
| this.prefixes = 0; |
For as long as I can remember, I've always hide a hobby side project. For a long time I focused on open source animation tools, but more recently I've shifted my focus back to my true passion: Game development.
I've taken what I've learned as an open source web developer and applied it to an idea that I've been interested in for years.
| function Parent () { console.log('parent') } | |
| Parent.prototype.parentMethod = function () { | |
| console.log('this is a method on the parent object') | |
| } | |
| function Child () { console.log('child') } | |
| Child.prototype = new Parent() | |
| var child = new Child() | |
| child.parentMethod() |
| function Parent () { console.log('parent') } | |
| Parent.prototype.parentMethod = function () { console.log('this is a method on the parent object') } | |
| function Child () { console.log('child') } | |
| Child.prototype = new Parent() | |
| var child = new Child() | |
| child.parentMethod() |
| /** | |
| * @param {Object} oldData | |
| * @param {Object} newData | |
| * @returns {Array.<string>} A list of key names that are different between | |
| * oldData and newData. | |
| */ | |
| export const getChangedProperties = (oldData, newData) => | |
| Object.keys(oldData).reduce( | |
| (acc, key) => (oldData[key] !== newData[key] ? [...acc, key] : acc), | |
| [] |
| #NoEnv ; Recommended for performance and compatibility with future AutoHotkey releases. | |
| ; #Warn ; Enable warnings to assist with detecting common errors. | |
| SendMode Input ; Recommended for new scripts due to its superior speed and reliability. | |
| SetWorkingDir %A_ScriptDir% ; Ensures a consistent starting directory. | |
| CapsLock::Esc | |
| ;following section mimics command-q | |
| ;behaviour to close windows | |
| #q::!F4 |
What follows is the result of Mad Science™ in React development, and is either a great idea or a terrible one. The jury is still out, and I will leave it up to the community to decide whether this is pragmatic or heresy.
I am a huge fan of React. I love the functional approach to app development and the parallels I see between the functional reactive programming model and game design. The established best practices largely make sense to me, particularly the parts about lifting state up to higher level-components. Anecdotally, I have found that lifting state all the way up to the highest level in a component hierarchy yields some really valuable benefits (which I have covered [elsewhere](https://gist.github.com/jeremyckahn/091aff8d1d62f661828c347750ae7644#2-all-
What follows is a pretty shameless abuse of one of my favorite ES6 features, default parameters. They're a simple idea that other languages have enjoyed for decades, and I am all too happy to see JavaScript join the party.
const logValue = (object = {}) => {
console.log(object);
};
logValue(); // logs: {}
| diff --git a/package.json b/package.json | |
| index 8a5e292..c85b9ea 100644 | |
| --- a/package.json | |
| +++ b/package.json | |
| @@ -4,4 +4,5 @@ | |
| "scripts": { | |
| "build": "webpack --config webpack.config.js --mode production", | |
| + "build:analyze": "webpack --config webpack.config.js --mode production --profile --json > /tmp/webpack-stats.json; webpack-bundle-analyzer /tmp/webpack-stats.json", | |
| "lint": "eslint --ext .js --ext .jsx . && echo \"No lint errors!\"", | |
| "prettier": "prettier --single-quote --trailing-comma es5 '{src,test}/**/*.js' --write", |
This is a design document for a minimalist React application architecture. Anecdotally, this design is proving to work well for smaller-to-medium scale projects, but it has not been proven to work for large-scale projects because it has not been tested against those yet.
This design is modeled around the official Intro To React guide put out by the React team. In fact, it does not diverge in any significant way from that guide; it simply adds a few explicit constraints to promote simpler implementations.
Examples of this architecture in use: