dabit3

type Post @model
  @auth(rules: [
    # Owner can create, update, delete
    { allow: owner },
    # Authorize group-based access control
    { allow: groups, groups: ["Admin"] }
  ]) {
  id: ID!
  title: String!
  content: String

tlakomy

Egghead Workshop Notes

Notes from Build an App with React Suspense, Hooks, and Context Workshop Setup with Michael Chan

• Write a detailed README with contact info, info about the workshop itself, license etc
• Create a folder for each lesson so folks won’t have to struggle with switching git branches every 15 minutes
• Give everyone a minute to process what they’ve learned and to figure out whether they have questions
• Reference the docs so once the workshop concludes everyone knows where to find the resources to refresh what they’ve learned
• As with egghead lessons, guide their eyes - if you’re explaining something, then select it in your IDE (at least hover over it)
• Take a minute to go over the questions from the chat, read the question out loud
• Don’t be afraid to experiment when there’s an interesting question, we’re all nerds here who love to try out new stuff

johanalkstal

/**
  * Basic example of routerless store based routing.
  * To understand what is going on check out
  * https://svelte.dev/tutorial/writable-stores
  * https://www.npmjs.com/package/feather-route-matcher
  */


// stores.js

silentworks

Basic CRUD operations with PDO

CRUD = Create, Read, Update, Delete

Open a database connection

$host = '127.0.0.1';
$dbname = 'test';
$username = 'root';

silentworks

(function($, window, undefined) {
    var InfiniteScroll = function() {
        this.initialize = function() {
            this.setupEvents();
        };
        
        this.setupEvents = function() {
            $(window).on(
                'scroll',
                this.handleScroll.bind(this)

maxmilton

const webpack = require('webpack');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const config = require('sapper/webpack/config.js');
const { svelteMinifyHtml, sveltePostcss } = require('./utils.js');

const mode = process.env.NODE_ENV;
const isDev = mode === 'development';

module.exports = {
  entry: config.client.entry(),

developit

if (typeof window!=='undefined' && navigator.serviceWorker && navigator.serviceWorker.controller) {
	let reloadOnNext = false;

	let pushState = history.pushState;
	history.pushState = function(state, title, url) {
		pushState.call(this, state, title, url);
		if (reloadOnNext===true) location.reload(true);
	};

	navigator.serviceWorker.controller.addEventListener('statechange', e => {

joshuataylor

import { h, Component } from 'preact';
import { Router } from 'preact-router';

import Header from './header';
import Home from '../routes/home';
import Profile from '../routes/profile';
import NotifyChange from "./NotifyChange/index";
// import Home from 'async!../routes/home';
// import Profile from 'async!../routes/profile';

mattdesl

procedural mesh generation

Generates an algorithmic 3D OBJ file with ThreeJS and Node.js.

# print to stdout
node generate-mesh.js > test.obj

# write to file
node generate-mesh.js test.obj

App.html

<label>
	<input type='checkbox' bind:checked='visible'> visible
</label>

{{#if visible}}
	<div transition:scale></div>
{{/if}}

<style>
	div {