The iOS Dev

var myDate = Date()

print(myDate)

if (myDate.timeIntervalSinceNow.sign == .plus) {
    print("I am in future")
}

if (myDate.timeIntervalSinceNow.sign == .minus) {
    print("I am in past")
}

REACT HELLO WORLD DEMO 5 ADDING STYLES in JSX

App.js

Check for style attribute in JSX

import React, { Component } from 'react';
import './App.css';

class App extends Component {
  render() {
    return (
      <div>
        <h1 style={{backgroundColor: 'orange', color: 'white', fontFamily: 'verdana'}}>Hello World</h1>
      </div>
    );
  }
}

export default App;

React Hello World Demo 4 Adding Styles

index.js

import React from 'react';
import ReactDOM from 'react-dom';
 
const {createElement} = React
const {render} = ReactDOM
 
const style = {
    backgroundColor: 'orange',
    color: 'white',
    fontFamily: 'verdana'
}

const title = createElement(
    'h1',
    {id: 'title', className: 'header', style: style},
    'Hello World'
)
 
render(
    title,
    document.getElementById('root')
)

React Hello World Demo 3

index.js

import React from 'react';
import ReactDOM from 'react-dom';

const {createElement} = React
const {render} = ReactDOM

const title = createElement(
    'h1',
    {id: 'title', className: 'header'},
    'Hello World'
)

render(
    title,
    document.getElementById('root')
)

React Hello World Demo2

index.js

import React from 'react';
import ReactDOM from 'react-dom';

const title = React.createElement(
    'h1',
    {id: 'title', className: 'header'},
    'Hello World'
)

ReactDOM.render(
    title,
    document.getElementById('root')
)

Run the app

React Hello World1 Demo1

Create the React App from below link
https://github.com/facebookincubator/create-react-app

Edit
App.js

import React, { Component } from 'react';
import './App.css';

class App extends Component {
  render() {
    return (
      <div>
        <h1>Hello World</h1>
      </div>
    );
  }
}

export default App;

Run the app by npm start