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?

http://facebook.github.io/react-native/showcase.html

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>

https://tylermcginnis.com/imperative-vs-declarative-programming/

Composability

Small reusable components
Combine components into screens
Screen into Apps

Basic React Native Concepts