Get a single post from an array of objects
const i = this.props.posts.findIndex((post) => post.code === postId);
const post = this.props.posts[i];
Use destructuring to re-assign two variables
Jezfx
/ webpack.config
Created
January 27, 2017 05:01
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
| const webpack = require('webpack'); | |
| const nodeEnv = process.env.NODE_ENV || 'production'; | |
| module.exports = { | |
| devtool: 'source-map', | |
| entry: { | |
| filename: './app.js' | |
| }, | |
| output: { | |
| filename: '_build/bundle.js' |
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 function slugify(text) { | |
| return text.toString().toLowerCase() | |
| .replace(/\s+/g, '-') // Replace spaces with - | |
| .replace(/[^\w\-]+/g, '') // Remove all non-word chars | |
| .replace(/\-\-+/g, '-') // Replace multiple - with single - | |
| .replace(/^-+/, '') // Trim - from start of text | |
| .replace(/-+$/, ''); // Trim - from end of text | |
| } |
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
| /*SINE*/ | |
| $easeInSine: cubic-bezier(0.47, 0, 0.745, 0.715); | |
| $easeOutSine: cubic-bezier(0.39, 0.575, 0.565, 1); | |
| $easeInOutSine: cubic-bezier(0.445, 0.05, 0.55, 0.95); | |
| /*QUAD*/ | |
| $easeInQuad: cubic-bezier(0.55, 0.085, 0.68, 0.53); | |
| $easeOutQuad: cubic-bezier(0.25, 0.46, 0.45, 0.94); | |
| $easeInOutQuad: cubic-bezier(0.455, 0.03, 0.515, 0.955); |
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
| // a good way to get by having `.grey-light` `.grey-lighter` variable names | |
| $colour-map-grey: ( | |
| 1000: hsl(0, 0%, 10%), // #1A1A1A | |
| 1500: hsl(0, 0%, 14%), // #232323 | |
| 2000: hsl(0, 0%, 20%), // #333333 | |
| 2500: hsl(0, 0%, 33%), // #545454 | |
| 3000: hsl(0, 0%, 40%), // #6e6e6e | |
| 5000: hsl(0, 0%, 80%), // #cccccc | |
| 7000: hsl(0, 0%, 96%), // #eeeeee |
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
| ///* ======================================================================== | |
| // #Z-INDEX | |
| // ======================================================================== */ | |
| $z-index-map: ( | |
| 'far-background': -20, | |
| 'background': -10, | |
| 'middle': 0, | |
| 'forground': 10, | |
| 'near-foreground': 20 |
Jezfx
/ Workspaces in Manchester
Last active
September 28, 2017 16:02
— forked from s10wen/Workspaces in Manchester
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
| Spaceport - http://spaceportx.com | |
| Escalator - http://theescalator.com | |
| Hello Hub - http://hellowork.co.uk | |
| The Assembly - http://assemblymcr.com | |
| MadLab - http://madlab.org.uk | |
| Metro Desk - http://metrodesk.com | |
| Work Space - http://work-space.co.uk | |
| Colony Co - http://colonyco.work |
DOMPurify - a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG. DOMPurify works with a secure default, but offers a lot of configurability and hooks. Demo: https://cure53.de/purify
Transform SVG into React components 🦁
Short id generator. Url-friendly. Non-predictable. Cluster-compatible. https://www.npmjs.org/package/shortid
Things I've learnt from Wesbos.com course
var variables can be updated or mutated, which means you can re-delare a var again.
var variables are function scope. Which means their only available inside the function that they were created. Or, global scope if they've been created outside a function.
const and let are block scope which means they are confined inside any block, even if statements.
OlderNewer