如果你使用的是React.js，你还会写HTML / CSS文件吗？

Question

I can't seem to understand the workflow with react.js. Do you still need to write HTML and CSS straight up?

Answer 1

Yes, do you still have to write HTML and CSS, but you have different workflow for both

HTML you write on render function inside your javascript file, as example below:

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

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

CSS you can write in two ways

1. As css modules , you can code a sass/less/stylus or even css file, then you import inside your javascript file and using classname (npm module) you call it

2. As styled component , in this case you code css as a JSON inside your javascript file