| description | argument-hint |
|---|---|
Start a brainstorming session to create a feature specification |
<feature-name> |
Start a collaborative session for: $ARGUMENTS
| import { h, ChildNode, FunctionalComponent, FunctionalUtilities } from "@stencil/core"; | |
| function vnodeToSource(elem: ChildNode, utils: FunctionalUtilities, output = "", level = 0): string { | |
| if (elem.vchildren) { | |
| let childOutput: string[] = []; | |
| utils.forEach(elem.vchildren, (child) => { | |
| childOutput.push(vnodeToSource(child, utils, output, level + 1)); | |
| }); |
| <animatable-component | |
| autoplay | |
| easing="ease-in-out" | |
| duration="800" | |
| delay="300" | |
| animation="zoomIn" | |
| iterations="Infinity" | |
| direction="alternate" | |
| > | |
| <h1>Hello World</h1> |
This is a proposal for a lightning talk at Reactive Conf. Please 🌟 this gist to push the proposal! If you're on your phone, please request the 🖥 desktop site to star this gist 😇 #ReactiveConf
The React community is moving away from HOC (higher order components) in favor of render prop components (RPC). For the most part, HOC and render prop components solve the same problem. However, render prop components provide are gaining popularity because they are more declarative and flexible than an HOC.
Read more:
| import React from "react"; | |
| import ReactDOM from "react-dom"; | |
| import configureStore from "./store/configureStore"; | |
| const store = configureStore(); | |
| const rootEl = document.getElementById("root"); |
| import mySaga from 'mySaga'; | |
| import { take, fork, cancel } from 'redux-saga/effects'; | |
| const sagas = [mySaga]; | |
| export const CANCEL_SAGAS_HMR = 'CANCEL_SAGAS_HMR'; | |
| function createAbortableSaga (saga) { | |
| if (process.env.NODE_ENV === 'development') { | |
| return function* main () { |
| class MAP_API_DemoItemType extends WP_JSON_CustomPostType { | |
| protected $base = '/map/demo'; | |
| protected $type = 'demo'; | |
| public function register_routes( $routes ) { | |
| $routes = parent::register_routes( $routes ); | |
| return $routes; | |
| } | |
| } |
| 'use strict'; | |
| /** | |
| * Equal Heights | |
| * | |
| * Attach this directive to the parent/wrapping element of | |
| * a bunch of elements that are columns. This directive will | |
| * calculate the height of every direct child (one level down) | |
| * then set all of them to be the height of the tallest one. | |
| * |
| loadImageLocation: function loadImageLocation(imageLocation) { | |
| var preloader = this; | |
| var _onLoadHandler = function(event) { | |
| // Since the load event is asynchronous, we have to | |
| // tell AngularJS that something changed. | |
| $rootScope.$apply( |