Why I'm Not a React Native Developer

Post by STRML » Tue, Sep 27, 2016, 9:12 PM UTC

    class Root extends Component {  
      render() {
        var isConnected = Math.floor(Math.random() * 10) > 5;
        return ;
      }
    }

    function ConnectivityIndicatorView(props: {isConnected: boolean}) {
      const color = props.isConnected ? 'green' : 'red';
      return ;
    }

Post by marpstar » Tue, Sep 27, 2016, 9:13 PM UTC

RussianCow wrote: post #9

Is anyone using TypeScript with React Native? I'd be interested to see how easy that is to integrate.

Post by steego » Tue, Sep 27, 2016, 9:15 PM UTC

joshwcomeau wrote: post #22

Ughhh. It's fine if you prefer statically-typed languages to dynamically-typed ones, but that's a preference, not a reason to try and say that JS is objectively terrible. Same with switch fallthrough, same with error handling, same with half his issues with JS. There are some legitimate grievances tucked in there, but the author lost me by pretending that his preferences were universal.

Post by conover » Tue, Sep 27, 2016, 9:23 PM UTC

RussianCow wrote: post #9

Is anyone using TypeScript with React Native? I'd be interested to see how easy that is to integrate.

Post by atoko » Tue, Sep 27, 2016, 9:29 PM UTC

jontro wrote: post #28

STRML wrote: post #21

This is simply a list of things the author doesn't like about JS, very much of which is practically solved by Flow/TS and ESLint. He also makes some of the React examples quite a bit more complicated than they need to be. Declarative UI is very simple! Here's the same code, using both class and functional styles (whichever you prefer), in a much more succinct style (11 LOC vs 49): class Root extends Component { rende…

The point of having isConnected in the state is that it will change depending on OS events. Random is just used as an example

    var weAreConnected = Math.floor(Math.random() * 10) > 5;
    if (weAreConnected === true) {
      this.setState({
        isConnected: true
      })
    } 
    else {
      this.setState({
        isConnected: false
      })
    }
  }

    var weAreConnected = Math.floor(Math.random() * 10) > 5;
    this.setState({
      isConnected: weAreConnected
    });