CSS Layout Debugger
A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.
One-line version to paste in your DevTools
$$ if your browser aliases it:
~ 108 byte version
A non-exhaustive list of WebGL and WebGPU frameworks and libraries. It is mostly for learning purposes as some of the libraries listed are wip/outdated/not maintained anymore.
|* @author yomboprime https://github.com/yomboprime|
|* GPUComputationRenderer, based on SimulationRenderer by zz85|
|* The GPUComputationRenderer uses the concept of variables. These variables are RGBA float textures that hold 4 floats|
|* for each compute element (texel)|
|* Each variable has a fragment shader that defines the computation made to obtain the variable in question.|
|* You can use as many variables you need, and make dependencies so you can use textures of other variables in the shader|
|* Copyright (c) 2018, Tiernan Cridland|
|* Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby|
|* granted, provided that the above copyright notice and this permission notice appear in all copies.|
|* THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL|
|* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,|
|* INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER|
|* IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR|
All libraries have subtle rules that you have to follow for them to work well. Often these are implied and undocumented rules that you have to learn as you go. This is an attempt to document the rules of React renders. Ideally a type system could enforce it.
A number of methods in React are assumed to be "pure".
On classes that's the constructor, getDerivedStateFromProps, shouldComponentUpdate and render.