javascript - Scrivi ancora file HTML/CSS se stai usando React.js?

Non riesco a capire il flusso di lavoro con react.js. Devi ancora scrivere HTML e CSS direttamente?

Risposta n. 1

Sì, devi ancora scrivere HTML e CSS, ma hai un flusso di lavoro diverso per entrambi

HTML lo scrivi nella funzione render all'interno del tuo file JavaScript, come nell'esempio qui sotto:

const HelloMessage = (props) => {
    return (
        <div>Hello { props.name }</div>
    );
}

ReactDOM.render(<HelloMessage name="Jane" />, mountNode);

CSS puoi scrivere in due modi

1. Come moduli CSS, puoi scrivere un file sass/less/stylus o anche CSS, poi lo importi all'interno del tuo file JavaScript e usando classname (modulo npm) lo chiami

2. Come componente stilizzato, in questo caso scrivi il CSS come un JSON all'interno del tuo file JavaScript