StatelessFunctionComponents.md

Functions as Stateless Components

React 0.14 introduced stateless functional components .

In idiomatic React code, most of the components you write will be stateless, simply composing other components. We’re introducing a new, simpler syntax for these components where you can take props as an argument and return the element you want to render

Note : even though we're just creating/passing functions, react internally creates instances and manges them.Currently we don't gain any performance from these infact these are slower than components with shouldComponentUpdate implemented.

Stateless Component with props

 object StatelessComponent {
  
  val component = (props: String) => Text()(s"Hello Stateless ${props}")
 
  def apply(props : String) = createStatelessFunctionElement(component,props)
  
 }

Stateless Component With props & Children

 object StatelessComponent {

  val component = (props: String,children : ReactElement) => Text()(s"Hello Stateless ${props}",children)

  def apply(props : String)(children : ReactNode*) = createStatelessFunctionElementWithChildren(component,props)(children: _*)

 }

Stateless Component No Props

 object StatelessComponent {
  
  val component = () => Text()(s"Hello Stateless No Props")
 
  def apply() = createStatelessFunctionElementNoProps(component)
  
 }

Stateless Component No Props with Children

 object StatelessComponent {

  val component = (children : ReactElement) => Text()(s"Hello Stateless No Props",children)

  def apply()(children: ReactNode*) = createStatelessFunctionElementNoPropsWithChildren(component)(children: _*)

 }