NXT wave. © GF tome cosernnreins santana Introduction to React JS | Cheat Sheet Concepts in Focus 1. React JS React. an open-source dvaSip tary use bl user intrtces: was developed by Facebook 111 Why React JS? + Pectormant webster + Lose tre coneuing ea 1.2 Advantages of React JS 2. Running JavaScript in HTML \Wecan run Jowaserptin HTML sig the HTML sort element tl used once Jvasoit n HTML Tondo an enteral aveSenp ie, we can se the HTML sist lament wth he atibute are The se atroue species he path ot a nen tbe bowser comes rss 8 sept element whieloading the HTML, I must wal othe sept to download, escuela nly So,weneedto ita script element a he bottom of he page Then the browser an eee elements above tad does lok the pape Irmore man one Scapt laments are nthe HTML the sex etments willbe executed nthe ovr hey appea eS 3. Creating Elements using React JS 3.1 React CDN 3.2 React.createElement() acer z g type Tagnanesite cv, 1 and ate Drops Properties ine clastiame , onic end ia et The type stibutevalueoftheHTML senpt element shouldbe edule. torun React JS. 3.3 ReactDOM.render() syntax reaetElement - wnat torenser container - net render 4, SSX A Wariog 1 JSK HTML tags aways need tbe ated For example,
41 Babel Iisa JvaSert compiler that rants JSX into regular Jaci + For J8K ine ype atte va of he HTML erptslemant hoa 8 teoabe! + For povcng le names in. X the atbute name soul be clsshae Differences between HTML and JSX. 4,2 Embedding Variables and Expressions in JSX \We can embed the vibes a expretsions using the awe brackets Embedding variables in SX Embedding Expressions in SX: 4.3 Nesting JSX elements The ReseDOUender) method eu ony one elementn render. So, we eed to wrap the element in prentheiswhen wing the nested