| <body onload=z=c.getContext`2d`,setInterval(`c.width=W=150,Y<W&&P<Y&Y<P+E|9<p?z.fillText(S++${Y=`,9,9|z.fillRect(p`}*0,Y-=--M${Y+Y},P+E,9,W),P))):p=M=Y=S=6,p=p-6||(P=S%E,W)`,E=49) onclick=M=9><canvas id=c> |
All the pieces of authentication are possible in Gatsby. Thanks to Auth0, setting it up doesn't have to be so cumbersome!
This setup comes straight from Auth0's official quick start for React.
The first step is installing the official Auth0 SDK for JavaScript from npm.
| workflow "Deploy master" { | |
| on = "push" | |
| resolves = [ | |
| "alias", | |
| ] | |
| } | |
| action "install" { | |
| uses = "actions/npm@94e6933" | |
| args = "install" |
| const createLogger = (backgroundColor, color) => { | |
| const logger = (message, ...args) => { | |
| if (logger.enabled === false) { | |
| return; | |
| } | |
| console.groupCollapsed( | |
| `%c${message}`, | |
| `background-color: ${backgroundColor}; color: ${color}; padding: 2px 4px;`, | |
| ...args |
@tracked is a decorator for Preact that makes working with state values no different than properties on your component instance.
It's one 300 byte function that creates a getter/setter alias into state/setState() for a given key, with an optional initial value. The "magic" here is simply that it works as a property decorator rather than a function, so it appears to integrate directly into the language.
tracked has no dependencies and works with any component implementation that uses this.state and this.setState().
| # Supercharge your Travis builds with yarn | |
| # Commit your lock file locally, and change your travis to this | |
| language: node_js | |
| node_js: | |
| - "4" | |
| install: | |
| - npm -g install yarn | |
| - yarn | |
| cache: | |
| directories: |
| /* Sometimes it's pretty easy to run ito troubles with React ES6 components. | |
| Consider the following code: */ | |
| class EventStub extends Component { | |
| componentDidMount() { | |
| window.addEventListener('resize', this.onResize.bind(this)); //notice .bind | |
| } | |
| componentWillUnmount() { | |
| window.removeEventListener('resize', this.onResize.bind(this)); |
| var gulp = require('gulp'), | |
| concat = require('gulp-concat'), | |
| plumber = require('gulp-plumber'), | |
| server = require('tiny-lr')(), | |
| refresh = require('gulp-livereload'), | |
| mocha = require('gulp-mocha'), | |
| stylus = require('gulp-stylus'), | |
| notify = require('gulp-notify'), | |
| nodemon = require('gulp-nodemon'), | |
| jshint = require('gulp-jshint'), |
| #!/bin/bash | |
| # Downloads and applies a patch from Drupal.org. | |
| if [ -z "$1" ] | |
| then | |
| echo "You need to supply a URL to a patch file." | |
| exit | |
| fi | |
| URL=$1; |
