antJS

Ant JS nos dará muchos componentes visuales que podremos utilizar en nuestros desarrollos.

Instalación y carga de antJS

npm i antd
import { DatePicker } from 'antd';

export default () => <DatePicker />

Uso de antJS

Layout

Cada fila tiene 24 posiciones. El atributo span define las posiciones de cada columna

import { Row, Col } from 'antd';

export default () => (<>
    <h1>Ejercicios</h1>
    <Row>
        <Col span={8}>
            <h2>Título 1</h2>
        </Col>
        <Col span={16}>
            <h2>Título 2</h2>
        </Col>    
    </Row>
</>);

Cargar otro framework CSS: Bootstrap

Aunque personalmente, prefiero antJS, también es posible usar otros frameworks como Bootstrap en React:

npm i react-bootstrap bootstrap
import { Container, Row, Col } from 'react-bootstrap';

export default () => (
    <div>
        <Container>
            <Row>
                <Col>Text 1</Col>
                <Col>Text 2</Col>
            </Row>
        </Container>
    </div>
)
← Redux en React
Compilar (build) una aplicación de React →

Aviso Legal | Política de privacidad