by El_roro

create-react-app ageboost

new project

cd ageboost
touch index.js

ageboost

faire une application from scratch

donc suppression du dossier src et re-creation

import React from 'react';

import ReactDOM from 'react-dom';


ReactDOM.render(
  <div>ageboost</div>, document.getElementById('root') 
)
touch index.js

ageboost

faire une application from scratch

donc suppression du dossier src et re-creation

import React from 'react';

import ReactDOM from 'react-dom';


ReactDOM.render(
  <div>ageboost</div>, document.getElementById('root') 
)
mkdir src/components

ageboost

faire un dossier components

 

ageboost

//App.js

import React, { Component } from 'react';
class App extends Component {
render() {
    return (
      <div>
        <Form inline>
          <FormControl type="date">
          </FormControl>
          {''}
          <Button >
        envoyer
          </Button>
        </Form>
      </div>
    );
  }

}

export default App ;

notre 1er Component

 

ageboost

//App.js

import React, { Component } from 'react';
class App extends Component {
render() {
    return (
      <div>
        <Form inline>
          <FormControl type="date">
          </FormControl>
          {''}
          <Button >
        envoyer
          </Button>
        </Form>
      </div>
    );
  }

}

export default App ;

notre 1er Component

 

ageboost

ajouter bootstrap avec le lien CDN à mettre dans votre fichier index.html

import {Form, FormControl, Button } from 'react-bootstrap';

ageboost

ajouter bootstrap avec le lien CDN à mettre dans votre fichier index.html

import {Form, FormControl, Button } from 'react-bootstrap';

deck

By rodolphe

deck

  • 352