| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <title>Canvas Hexagonal Map</title> | |
| <style type="text/css"> | |
| canvas { | |
| border:0; | |
| display:block; | |
| margin:0 auto; |
A multi-level groupBy for arrays inspired by D3's nest operator.
Nesting allows elements in an array to be grouped into a hierarchical tree
structure; think of it like the GROUP BY operator in SQL, except you can have
multiple levels of grouping, and the resulting output is a tree rather than a
flat table. The levels in the tree are specified by key functions.
See this fiddle for live demo.
While this gist has been shared and followed for years, I regret not giving more background. It was originally a gist for the engineering org I was in, not a "general suggestion" for any React app.
Typically I avoid folders altogether. Heck, I even avoid new files. If I can build an app with one 2000 line file I will. New files and folders are a pain.
| This code is under the MIT license. | |
| The GLSL code was taken from https://github.com/mattdesl/glsl-fxaa and is also under the MIT license. | |
| Permission is hereby granted, free of charge, to any person obtaining a copy | |
| of this software and associated documentation files (the "Software"), to deal | |
| in the Software without restriction, including without limitation the rights | |
| to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | |
| copies of the Software, and to permit persons to whom the Software is | |
| furnished to do so, subject to the following conditions: |
Cheng Lou, a former member of the React team, gave an incredible talk at React Europe 2016 entitled "On the Spectrum of Abstraction". That talk is available for viewing here: https://www.youtube.com/watch?v=mVVNJKv9esE
It's only a half-hour, but it is mind-blowing. It's worth re-watching two or three times, to let the ideas sink in.
I just rewatched the talk for some research, and wrote down a summary that's semi-transcript-ish. I didn't see any other transcripts for this talk, other than the auto-generated closed captions, so I wanted to share for reference.
| <?xml version="1.0" encoding="UTF-8"?> | |
| <server xmlns="urn:jboss:domain:4.0"> | |
| <extensions> | |
| <extension module="org.jboss.as.clustering.infinispan"/> | |
| <extension module="org.jboss.as.clustering.jgroups"/> | |
| <extension module="org.jboss.as.connector"/> | |
| <extension module="org.jboss.as.deployment-scanner"/> | |
| <extension module="org.jboss.as.ee"/> | |
| <extension module="org.jboss.as.ejb3"/> | |
| <extension module="org.jboss.as.jaxrs"/> |
| (function() { | |
| var monthInputs = document.querySelectorAll('input[type="month"]'), | |
| checkDateInput = document.createElement('input'), | |
| dateSupported = false, | |
| months = [], | |
| lang = document.documentElement.lang || navigator.language, | |
| DEFAULT_SPAN = 5; | |
| if (monthInputs[0].type === 'month') { | |
| // browser supports month input; no need for polyfill |
Hmm... I don't see any docs for 4.0 on https://webpack.js.org. I guess I'll just wing it.
All I need to do is npm i -D webpack@next, right?
+ webpack@4.0.0-beta.2
While the public API intended for users to use is the scheduler package, the reconciler currently
does not use scheduler's priority classes internally.
ReactFiberScheduler has its own internal "mini-scheduler" that uses the scheduler package
indirectly for its deadline-capable scheduleCallback.
This is kind of a documentation of implementation details that I suppose will be gone by the end of the year, but what can you do.
| // This code is untested. It may new some minor modifications to work | |
| import RelayQueryResponseCache from "relay-runtime/lib/RelayQueryResponseCache"; | |
| import { | |
| Environment, | |
| Network, | |
| RecordSource, | |
| Store, | |
| Observable |