What is React Native?

Title Text

  • Functional programming?
  • Benefits of Functional programming
  • How React uses these ideas to make programming fun.
  • UI as function of state
  •  

What is React Native?

  • React virtual DOM, React Fiber
  • Cross platform applications
  • By Facebook
  • "Learn once, write anywhere"

What is React Native?

  • JavaScript code
  • React Fiber
  • Generates native components
  • Commands creation & destruction

Who Uses React Native?

React Philosophy

Declarative

  • Flexible
  • Predictable
  • Easier to debug

Declarative Example

Declarative Code

$("#btn").click(function() {
  $(this).toggleClass("highlight")
  $(this).text() === 'Add Highlight'
    ? $(this).text('Remove Highlight')
    : $(this).text('Add Highlight')
})
<Btn
  onToggleHighlight={this.handleToggleHighlight}
  highlight={this.state.highlight}>
    {this.state.buttonText}
</Btn>

Composability

  • Small reusable components
  • Combine components into screens
  • Screen into Apps

Basic React Native Concepts