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 React from 'react'; | |
import { useMinScreen } from './minScreen'; | |
const App = () => { | |
const { min } = useMinScreen(); | |
return ( | |
<> | |
{min`md` && <div>I'll show at md and up</div>} | |
{!min`lg` && <div>I'll show at up to lg</div>} |
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 path = require('path'); | |
const fs = require('fs'); | |
const { Transform } = require('stream'); | |
const csv = require('fast-csv'); | |
class PersistStream extends Transform { | |
constructor(args) { | |
super({ objectMode: true, ...(args || {}) }); | |
this.batchSize = 100; | |
this.batch = []; |
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
/*=====================================*\ | |
build tasks | |
\*=====================================*/ | |
/** | |
* This gulpfile is optimised for developing | |
* React.js apps in ES6 through Babel, and is | |
* designed to live-inject CSS, HTML and even JavaScript | |
* changes so maintaining state in an application when | |
* editing code is super easy. |
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
@media all and (max-width: 1024px) {...} | |
@media all and (min-width: 800px) and (max-width: 1024px) {...} | |
@media not screen and (color) {...} | |
@media only screen and (orientation: portrait) {...} | |
@media all and (max-width: 420px) { | |
section, aside { | |
float: none; | |
width: auto; | |
} |