nathansmith/react_101.md

## react_101.md

      
    Raw
  

              react_101.md
            
          
    React 101™
All these examples do essentially the same thing.
return (
  <MyComponent
    something={something}
    somethingElse={somethingElse}
  >
    Child text
  </MyComponent>
);
const children = 'Child text';

return (
  <MyComponent
    something={something}
    somethingElse={somethingElse}
  >
    {children}
  </MyComponent>
);
return (
  <MyComponent
    children='Child text'
    something={something}
    somethingElse={somethingElse}
  />
);
const children = 'Child text';

const props = {
  children,
  something,
  somethingElse
};

return (
  <MyComponent
    {...props}
  />
);
const children = ['Child text'];

const props = {
  something,
  somethingElse
};

return React.createElement(
  MyComponent,
  props,
  children
);