react apps code example

Example 1: create react app

npx create-react-app my-app
cd my-app
npm start

Example 2: what is react native

React Native is an open-source mobile application framework created by Facebook.

It is used to develop applications for Android, iOS, Web and UWP by enabling
developers to use React along with native platform capabilities.

Example 3: what is react

This is a formatted version of Komadori's answer 
(https://tinyurl.com/Komadori)
React is a JavaScript library for building user interfaces. 
It is maintained by Facebook and a community of 
individual developers and companies. 
React can be used as a base in the development of single-page 
or mobile applications.

Example 4: what is react

React is a JavaScript library for building user interfaces.

It is maintained by Facebook and a community of individual developers and
companies.

React can be used as a base in the development of single-page or mobile
applications.

Example 5: javascript react

class TodoApp extends React.Component {
  constructor(props) {
    super(props);
    this.state = { items: [], text: '' };
    this.handleChange = this.handleChange.bind(this);
    this.handleSubmit = this.handleSubmit.bind(this);
  }

  render() {
    return (
      

        
TODO
        
        

          
            What needs to be done?
          
          
          
            Add #{this.state.items.length + 1}
          
        
      
    );
  }

  handleChange(e) {
    this.setState({ text: e.target.value });
  }

  handleSubmit(e) {
    e.preventDefault();
    if (this.state.text.length === 0) {
      return;
    }
    const newItem = {
      text: this.state.text,
      id: Date.now()
    };
    this.setState(state => ({
      items: state.items.concat(newItem),
      text: ''
    }));
  }
}

class TodoList extends React.Component {
  render() {
    return (
      

        {this.props.items.map(item => (
          
{item.text}
        ))}
      
    );
  }
}

ReactDOM.render(
  ,
  document.getElementById('todos-example')
);

Example 6: react.js

class ShoppingList extends React.Component {
  render() {
    return (
      

        
Shopping List for {this.props.name}
        

          
Instagram
          
WhatsApp
          
Oculus
        
      
    );
  }
}

// Example usage: