Kennet Postigo kennetpostigo

## testRunner.html
<html>
<head>
<title>Mate1 Test Runner</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">

// A test is the base class for all tests
// that will be run by the test runner.
Test = function() {

## Dialog.js
var Dialog = React.createClass({
  render: function() {
    // 1) render nothing, this way the DOM diff will never try to do
    //    anything to it again, and we get a node to mess with
    return React.DOM.div();
  },

  componentDidMount: function() {
    // 2) do DOM lib stuff
    this.node = this.getDOMNode();

## gist:550a93226ae69f601eb0
class Profile extends React.Component {
  // etc.
}

function createContainer (Component) {
  return class extends React.Component {
    render () {
      return <Component {...this.props}/>
    }
  }

## connect.js
// connect() is a function that injects Redux-related props into your component.
// You can inject data and callbacks that change that data by dispatching actions.
function connect(mapStateToProps, mapDispatchToProps) {
  // It lets us inject component as the last step so people can use it as a decorator.
  // Generally you don't need to worry about it.
  return function (WrappedComponent) {
    // It returns a component
    return class extends React.Component {
      render() {
        return (

## react-unknown-prop.md

      
              1 file
            
          
              4 forks
            
          
              31 comments
            
          
              30 stars
            
          
                jimfb
                / react-unknown-prop.md
            
            
              Last active
              February 10, 2023 15:08
            
          
    The unknown-prop warning will fire if you attempt to render a DOM element with a prop that is not recognized by React as a legal DOM attribute/property.  You should ensure that your DOM elements do not have spurious props floating around.
There are a couple of likely reasons this warning could be appearing:


Are you using {...this.props} or cloneElement(element, this.props)?  Your component is transferring its own props directly to a child element (eg. https://facebook.github.io/react/docs/transferring-props.html).  When transferring props to a child component, you should ensure that you are not accidentally forwarding props that were intended to be interpreted by the parent component.


You are using a non-standard DOM attribute on a native DOM node, perhaps to represent custom data.  If you are trying to attach custom data to a standard DOM element, consider using a custom data attribute (https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes).


React does not yet reco


## app.js
// getComponent is a function that returns a promise for a component
// It will not be called until the first mount
function asyncComponent(getComponent) {
  return class AsyncComponent extends React.Component {
    static Component = null;
    state = { Component: AsyncComponent.Component };

    componentWillMount() {
      if (!this.state.Component) {
        getComponent().then(Component => {

## 00-intro.md

      
              3 files
            
          
              28 forks
            
          
              53 comments
            
          
              297 stars
            
          
                mdo
                / 00-intro.md
            
            
              Last active
              March 24, 2024 08:04
            
              
                Instructions for how to affix an Ikea Gerton table top to the Ikea Bekant sit-stand desk frame.
              
          
    Ikea Bekant standing desk with Gerton table top


## .bashrc
# Name it whatever you want. I like `y` because in my keyboard layout it's close to `;`
function y() {
    previous=$?
    if [ $previous -eq 0 ]; then
        osascript -e "display notification \"Done\" with title \"Terminal Task\"" && say "it is done";
    else
        osascript -e "display notification \"Failed\" with title \"Terminal Task\"" && say "it went to the trees";
    fi
}

## test_runner.js
/**
 * A Javascript test runner in 20 lines of code
 * From http://joakimbeng.eu01.aws.af.cm/a-javascript-test-runner-in-20-lines/
 */
(function () {
  // The test queue:
  var tests = [];

  // Function to add tests:
  this.test = function test (name, cb) {

## *tracked.md

      
              5 files
            
          
              3 forks
            
          
              7 comments
            
          
              49 stars
            
          
                developit
                / *tracked.md
            
            
              Last active
              December 10, 2020 18:48
            
          
    tracked 

@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().
Installation
	<html>
	<head>
	<title>Mate1 Test Runner</title>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
	<script type="text/javascript">

	// A test is the base class for all tests
	// that will be run by the test runner.
	Test = function() {
	var Dialog = React.createClass({
	render: function() {
	// 1) render nothing, this way the DOM diff will never try to do
	// anything to it again, and we get a node to mess with
	return React.DOM.div();
	},

	componentDidMount: function() {
	// 2) do DOM lib stuff
	this.node = this.getDOMNode();
	class Profile extends React.Component {
	// etc.
	}

	function createContainer (Component) {
	return class extends React.Component {
	render () {
	return <Component {...this.props}/>
	}
	}
	// connect() is a function that injects Redux-related props into your component.
	// You can inject data and callbacks that change that data by dispatching actions.
	function connect(mapStateToProps, mapDispatchToProps) {
	// It lets us inject component as the last step so people can use it as a decorator.
	// Generally you don't need to worry about it.
	return function (WrappedComponent) {
	// It returns a component
	return class extends React.Component {
	render() {
	return (
	// getComponent is a function that returns a promise for a component
	// It will not be called until the first mount
	function asyncComponent(getComponent) {
	return class AsyncComponent extends React.Component {
	static Component = null;
	state = { Component: AsyncComponent.Component };

	componentWillMount() {
	if (!this.state.Component) {
	getComponent().then(Component => {
	# Name it whatever you want. I like `y` because in my keyboard layout it's close to `;`
	function y() {
	previous=$?
	if [ $previous -eq 0 ]; then
	osascript -e "display notification \"Done\" with title \"Terminal Task\"" && say "it is done";
	else
	osascript -e "display notification \"Failed\" with title \"Terminal Task\"" && say "it went to the trees";
	fi
	}
	/**
	* A Javascript test runner in 20 lines of code
	* From http://joakimbeng.eu01.aws.af.cm/a-javascript-test-runner-in-20-lines/
	*/
	(function () {
	// The test queue:
	var tests = [];

	// Function to add tests:
	this.test = function test (name, cb) {