Skip to content

Instantly share code, notes, and snippets.

Avatar

Mike Cavaliere mcavaliere

View GitHub Profile
@mcavaliere
mcavaliere / polling-function.jsx
Created Aug 20, 2020
ESNext Polling Function
View polling-function.jsx
/**
* Run an async function repeatedly until a condition is met, or we hit a max # of attempts.
*
* @param {Number} maxAttempts - Max # of times to run iterate() before we quit.
* @param {Number} frequency - # milliseconds to wait in between attempts.
* @param {Function} iterate - Async. Code to run on every iteration.
* @param {Function} check - Accepts iterate response, return true/false if success criteria are met.
* @param {Function} onSuccess - Success callback.
* @param {Function} onMaxAttemptsExceeded - Failure callback.
*/
@mcavaliere
mcavaliere / helpers.tsx
Created Jan 15, 2020
React Context API Logged-in content helpers
View helpers.tsx
export const LoggedInContent: FC<{}> = props => (
<AuthContext.Consumer>
{(auth): React.ReactNode => (auth && auth.token ? props.children : null)}
</AuthContext.Consumer>
);
/**
* Helper to show content only if the user is logged out.
*/
export const LoggedOutContent: FC<{}> = props => (
View es6-obj-class-conversion-final-result.js
// Final config.js
export default class {
init() {
this.config = // ... load the object ...
// For posterity, but we don't need to return it at the moment.
return this.config;
},
settingExists( key ) {
View es6-obj-class-conversion-change-static-method-call.js
// Old
if ( ! Utils.configSettingExists( config, 'foo' ) ) {
Utils.printConfigFormatInstructions();
}
// New
if ( ! Config.configSettingExists( 'foo' ) ) {
Config.printConfigFormatInstructions();
View es6-obj-class-conversion-add-instantiation.js
// Old
import Utils from 'utils.js';
// Load the config.
let config = Utils.initConfig();
// New
import Config from 'config.js';
Config.initConfig();
View es6-obj-class-conversion-make-methods-static.js
export default class {
// ...
static printConfigFormatInstructions() {
console.log('Your config file must be in json format, and contain the following keys: foo, bar, baz.');
}
}
View es6-obj-class-conversion-save-data-to-instance.js
export default class {
initConfig() {
this.config = // ... load a json file via AJAX, filesystem, etc. ...
return this.config;
},
configSettingExists( key ) {
// Search the config object for the key value
View es6-obj-class-conversion-initial-references.js
import Utils from 'utils.js';
// Load the config.
let config = Utils.initConfig();
// Later, use it
if ( ! Utils.configSettingExists( config, 'foo' ) ) {
Utils.printConfigFormatInstructions();
}
View es6-obj-class-conversion-change-obj-def.js
// Old
export default {
// ...
}
// New
export default class {
// ...
}
View es6-obj-class-conversion-initial-obj.js
export default {
configSettingExists( config, key ) {
// Search the config object for the key value
let found = Object.keys( config ).indexOf( key )
return found;
},
indexArrayBy(arr, attrName, group=false) {
// ...
},
You can’t perform that action at this time.