- ReactJS by Example:Building Modern Web Applications with React
- Vipul A M Prathamesh Sonpatki
- 237字
- 2021-07-09 19:36:58
Why JSX?
Shawn had a great first day and he was just getting started with the next one at Adequate Consulting. With a mug of coffee, he startled Mike.
"Hey Mike, I saw that we used JSX for building our first component. Why should we use JSX when React has React.createElement
?"
"You can use React without using JSX. But JSX makes it easy to build React components. It reduces the amount of code required to write. It looks like HTML markup. Its syntax is simple and concise and it's very easy to visualize the components that are getting built."
"Take an example of the render function of a component without using JSX."
// render without JSX render: function(){ return(React.createElement("p", null, "Hello React World!")); }
"With JSX, it looks much better."
// render with JSX render: function(){ return <p> Hello React World </p>; }
"Compared to the previous non-JSX example, the JSX code is much more readable, easy to understand, and close to the actual HTML markup."
"The similarity between JSX and HTML markup means that non-developers such as UI and UX designers in the team can contribute to a project using JSX. Having XML-like tag syntax also makes reading large component trees easier compared to the function calls or object literals in JavaScript." explained Mike.
"Yeah. The syntax does look familiar. We will be using JSX all the way in our projects right?"
"Yes, we will", remarked Mike.
- Python概率統計
- 劍指JVM:虛擬機實踐與性能調優
- Essential Angular
- Mastering Rust
- HDInsight Essentials(Second Edition)
- Building Serverless Applications with Python
- Python編程實戰
- Python編程從0到1(視頻教學版)
- Java EE核心技術與應用
- Canvas Cookbook
- 軟件項目管理實用教程
- Mastering HTML5 Forms
- Python Deep Learning
- Keil Cx51 V7.0單片機高級語言編程與μVision2應用實踐
- Mastering Unreal Engine 4.X