JSX (JavaScript) - Revision history

Tropicalkitty: Reverted edit by 41.89.46.2 (talk) to last version by Sorrel

2025-05-29T11:41:04Z

Reverted edit by 41.89.46.2 (talk) to last version by Sorrel

Show changes

41.89.46.2: Tool

2025-05-29T11:40:48Z

Tool

Show changes

Sorrel: /* top */ "JavaScript Syntax eXtension" is not in any referenced source, "JavaScript XML" is not in any official source

2025-03-17T18:53:35Z

top: "JavaScript Syntax eXtension" is not in any referenced source, "JavaScript XML" is not in any official source

← Previous revision		Revision as of 18:53, 17 March 2025
Line 1:		Line 1:
	{{Short description\|JavaScript syntax extension}}		{{Short description\|JavaScript syntax extension}}
	'''JSX''' (~~'''JavaScript~~ ~~XML''',~~ ~~formally~~ '''JavaScript ~~Syntax eXtension~~''') is an XML-like extension to the [[JavaScript]] language syntax.<ref name=":0">{{cite web\|title=Draft: JSX Specification\|url=https://facebook.github.io/jsx/\|website=JSX\|publisher=Facebook\|access-date=7 April 2018}}</ref> Initially created by [[Meta Platforms\|Facebook]] for use with [[React (JavaScript library)\|React]], JSX has been adopted by multiple [[web framework]]s.<ref name=Larsen>{{cite book \|last=Larsen\|first=John\|title=React Hooks in Action With Suspense and Concurrent Mode\| year= 2021\|publisher= Manning \|isbn= 978-1720043997}}</ref>{{rp\|5}}<ref name=Wieruch>{{cite book \|last=Wieruch\|first=Robin\|title=The Road to React \|date=14 September 2018 \|publisher= Leanpub\|isbn= 978-1720043997}}</ref>{{rp\|11}} Being a [[syntactic sugar]], JSX is generally [[transpiler\|transpiled]] into nested JavaScript function calls structurally similar to the original JSX.		'''JSX''' (sometimes referred to as '''JavaScript XML''') is an XML-like extension to the [[JavaScript]] language syntax.<ref name=":0">{{cite web\|title=Draft: JSX Specification\|url=https://facebook.github.io/jsx/\|website=JSX\|publisher=Facebook\|access-date=7 April 2018}}</ref> Initially created by [[Meta Platforms\|Facebook]] for use with [[React (JavaScript library)\|React]], JSX has been adopted by multiple [[web framework]]s.<ref name=Larsen>{{cite book \|last=Larsen\|first=John\|title=React Hooks in Action With Suspense and Concurrent Mode\| year= 2021\|publisher= Manning \|isbn= 978-1720043997}}</ref>{{rp\|5}}<ref name=Wieruch>{{cite book \|last=Wieruch\|first=Robin\|title=The Road to React \|date=14 September 2018 \|publisher= Leanpub\|isbn= 978-1720043997}}</ref>{{rp\|11}} Being a [[syntactic sugar]], JSX is generally [[transpiler\|transpiled]] into nested JavaScript function calls structurally similar to the original JSX.

	==Markup==		==Markup==

Citation bot: Added date. | Use this bot. Report bugs. | Suggested by Dominic3203 | Category:Open formats | #UCB_Category 56/117

2024-12-15T08:44:30Z

Added date. | Use this bot. Report bugs. | Suggested by Dominic3203 | Category:Open formats | #UCB_Category 56/117

← Previous revision		Revision as of 08:44, 15 December 2024
Line 1:		Line 1:
	{{Short description\|JavaScript syntax extension}}		{{Short description\|JavaScript syntax extension}}
	'''JSX''' ('''JavaScript XML''', formally '''JavaScript Syntax eXtension''') is an XML-like extension to the [[JavaScript]] language syntax.<ref name=":0">{{cite web\|title=Draft: JSX Specification\|url=https://facebook.github.io/jsx/\|website=JSX\|publisher=Facebook\|access-date=7 April 2018}}</ref> Initially created by [[Meta Platforms\|Facebook]] for use with [[React (JavaScript library)\|React]], JSX has been adopted by multiple [[web framework]]s.<ref name=Larsen>{{cite book \|last=Larsen\|first=John\|title=React Hooks in Action With Suspense and Concurrent Mode\| year= 2021\|publisher= Manning \|isbn= 978-1720043997}}</ref>{{rp\|5}}<ref name=Wieruch>{{cite book \|last=Wieruch\|first=Robin\|title=The Road to React \|publisher= Leanpub\|isbn= 978-1720043997}}</ref>{{rp\|11}} Being a [[syntactic sugar]], JSX is generally [[transpiler\|transpiled]] into nested JavaScript function calls structurally similar to the original JSX.		'''JSX''' ('''JavaScript XML''', formally '''JavaScript Syntax eXtension''') is an XML-like extension to the [[JavaScript]] language syntax.<ref name=":0">{{cite web\|title=Draft: JSX Specification\|url=https://facebook.github.io/jsx/\|website=JSX\|publisher=Facebook\|access-date=7 April 2018}}</ref> Initially created by [[Meta Platforms\|Facebook]] for use with [[React (JavaScript library)\|React]], JSX has been adopted by multiple [[web framework]]s.<ref name=Larsen>{{cite book \|last=Larsen\|first=John\|title=React Hooks in Action With Suspense and Concurrent Mode\| year= 2021\|publisher= Manning \|isbn= 978-1720043997}}</ref>{{rp\|5}}<ref name=Wieruch>{{cite book \|last=Wieruch\|first=Robin\|title=The Road to React \|date=14 September 2018 \|publisher= Leanpub\|isbn= 978-1720043997}}</ref>{{rp\|11}} Being a [[syntactic sugar]], JSX is generally [[transpiler\|transpiled]] into nested JavaScript function calls structurally similar to the original JSX.

	==Markup==		==Markup==
Line 17:		Line 17:

	===Nested elements===		===Nested elements===
	Multiple elements on the same level need to be wrapped in a single React element such as the <code><nowiki><div></nowiki></code> element shown above, a fragment delineated by <code><nowiki><Fragment></nowiki></code> or in its shorthand form <code><nowiki><></nowiki></code>, or returned as an array.<ref>{{cite web \|url=https://reactjs.org/blog/2017/09/26/react-v16.0.html#new-render-return-types-fragments-and-strings \|title=React v16.0§New render return types: fragments and strings \|last=Clark \|first=Andrew \|date=September 26, 2017 \|website=React Blog}}</ref><ref>{{cite web \|url=https://reactjs.org/docs/react-component.html#render \|title=React.Component: render \|website=React}}</ref><ref name=Wieruch>{{cite book \|last=Wieruch\|first=Robin\|title=The Road to React \|publisher= Leanpub\|isbn= 978-1720043997}}</ref>{{rp\|68-69}}		Multiple elements on the same level need to be wrapped in a single React element such as the <code><nowiki><div></nowiki></code> element shown above, a fragment delineated by <code><nowiki><Fragment></nowiki></code> or in its shorthand form <code><nowiki><></nowiki></code>, or returned as an array.<ref>{{cite web \|url=https://reactjs.org/blog/2017/09/26/react-v16.0.html#new-render-return-types-fragments-and-strings \|title=React v16.0§New render return types: fragments and strings \|last=Clark \|first=Andrew \|date=September 26, 2017 \|website=React Blog}}</ref><ref>{{cite web \|url=https://reactjs.org/docs/react-component.html#render \|title=React.Component: render \|website=React}}</ref><ref name=Wieruch>{{cite book \|last=Wieruch\|first=Robin\|title=The Road to React \|date=14 September 2018 \|publisher= Leanpub\|isbn= 978-1720043997}}</ref>{{rp\|68-69}}

	===Attributes===		===Attributes===
Line 23:		Line 23:

	===JavaScript expressions===		===JavaScript expressions===
	JavaScript [[Expression (computer science)\|expressions]] (but not [[Statement (computer science)\|statements]]) can be used inside JSX with curly brackets <code>{}</code>:<ref name=Wieruch>{{cite book \|last=Wieruch\|first=Robin\|title=The Road to React \|publisher= Leanpub\|isbn= 978-1720043997}}</ref>{{rp\|14-16}}		JavaScript [[Expression (computer science)\|expressions]] (but not [[Statement (computer science)\|statements]]) can be used inside JSX with curly brackets <code>{}</code>:<ref name=Wieruch>{{cite book \|last=Wieruch\|first=Robin\|title=The Road to React \|date=14 September 2018 \|publisher= Leanpub\|isbn= 978-1720043997}}</ref>{{rp\|14-16}}
	<syntaxhighlight lang="html">		<syntaxhighlight lang="html">
	<h1>{10+1}</h1>		<h1>{10+1}</h1>
Line 54:		Line 54:
	</syntaxhighlight>		</syntaxhighlight>

	Functions and JSX can be used in conditionals:<ref name=Wieruch>{{cite book \|last=Wieruch\|first=Robin\|title=The Road to React \|publisher= Leanpub\|isbn= 978-1720043997}}</ref>{{rp\|88-90}}		Functions and JSX can be used in conditionals:<ref name=Wieruch>{{cite book \|last=Wieruch\|first=Robin\|title=The Road to React \|date=14 September 2018 \|publisher= Leanpub\|isbn= 978-1720043997}}</ref>{{rp\|88-90}}
	<syntaxhighlight lang="jsx">		<syntaxhighlight lang="jsx">
	const App = () => {		const App = () => {

Northern Moonlight: JSX has nothing to do with DOM–you are thinking of react-dom

2024-04-22T23:58:03Z

JSX has nothing to do with DOM–you are thinking of react-dom

← Previous revision		Revision as of 23:58, 22 April 2024
Line 1:		Line 1:
	{{Short description\|JavaScript syntax extension}}		{{Short description\|JavaScript syntax extension}}
	'''JSX''' ('''JavaScript XML''', formally '''JavaScript Syntax eXtension''') is a ~~[[JavaScript]]~~ extension ~~that~~ ~~allows creation of~~ [[~~Document Object Model~~]] ~~(DOM) trees using an [[XML]]-like~~ syntax.<ref name=":0">{{cite web\|title=Draft: JSX Specification\|url=https://facebook.github.io/jsx/\|website=JSX\|publisher=Facebook\|access-date=7 April 2018}}</ref> Initially created by [[Meta Platforms\|Facebook]] for use with [[React (JavaScript library)\|React]], JSX has been adopted by multiple [[web framework]]s.<ref name=Larsen>{{cite book \|last=Larsen\|first=John\|title=React Hooks in Action With Suspense and Concurrent Mode\| year= 2021\|publisher= Manning \|isbn= 978-1720043997}}</ref>{{rp\|5}}<ref name=Wieruch>{{cite book \|last=Wieruch\|first=Robin\|title=The Road to React \|publisher= Leanpub\|isbn= 978-1720043997}}</ref>{{rp\|11}} Being a [[syntactic sugar]], JSX is generally [[transpiler\|transpiled]] into nested JavaScript function calls structurally similar to the original JSX.		'''JSX''' ('''JavaScript XML''', formally '''JavaScript Syntax eXtension''') is an XML-like extension to the [[JavaScript]] language syntax.<ref name=":0">{{cite web\|title=Draft: JSX Specification\|url=https://facebook.github.io/jsx/\|website=JSX\|publisher=Facebook\|access-date=7 April 2018}}</ref> Initially created by [[Meta Platforms\|Facebook]] for use with [[React (JavaScript library)\|React]], JSX has been adopted by multiple [[web framework]]s.<ref name=Larsen>{{cite book \|last=Larsen\|first=John\|title=React Hooks in Action With Suspense and Concurrent Mode\| year= 2021\|publisher= Manning \|isbn= 978-1720043997}}</ref>{{rp\|5}}<ref name=Wieruch>{{cite book \|last=Wieruch\|first=Robin\|title=The Road to React \|publisher= Leanpub\|isbn= 978-1720043997}}</ref>{{rp\|11}} Being a [[syntactic sugar]], JSX is generally [[transpiler\|transpiled]] into nested JavaScript function calls structurally similar to the original JSX.

	==Markup==		==Markup==

Widefox: def acro per MOS, simpler alt names

2024-01-27T15:37:38Z

def acro per MOS, simpler alt names

← Previous revision		Revision as of 15:37, 27 January 2024
Line 1:		Line 1:
	{{Short description\|JavaScript syntax extension}}		{{Short description\|JavaScript syntax extension}}
	'''JSX''' ('''JavaScript XML''') formally ('''JavaScript Syntax eXtension''') is a [[JavaScript]] extension that allows creation of [[Document Object Model~~\|DOM~~]] trees using an [[XML]]-like syntax.<ref name=":0">{{cite web\|title=Draft: JSX Specification\|url=https://facebook.github.io/jsx/\|website=JSX\|publisher=Facebook\|access-date=7 April 2018}}</ref> Initially created by [[Meta Platforms\|Facebook]] for use with [[React (JavaScript library)\|React]], JSX has been adopted by multiple [[web framework]]s.<ref name=Larsen>{{cite book \|last=Larsen\|first=John\|title=React Hooks in Action With Suspense and Concurrent Mode\| year= 2021\|publisher= Manning \|isbn= 978-1720043997}}</ref>{{rp\|5}}<ref name=Wieruch>{{cite book \|last=Wieruch\|first=Robin\|title=The Road to React \|publisher= Leanpub\|isbn= 978-1720043997}}</ref>{{rp\|11}} Being a [[syntactic sugar]], JSX is generally [[transpiler\|transpiled]] into nested JavaScript function calls structurally similar to the original JSX.		'''JSX''' ('''JavaScript XML''', formally '''JavaScript Syntax eXtension''') is a [[JavaScript]] extension that allows creation of [[Document Object Model]] (DOM) trees using an [[XML]]-like syntax.<ref name=":0">{{cite web\|title=Draft: JSX Specification\|url=https://facebook.github.io/jsx/\|website=JSX\|publisher=Facebook\|access-date=7 April 2018}}</ref> Initially created by [[Meta Platforms\|Facebook]] for use with [[React (JavaScript library)\|React]], JSX has been adopted by multiple [[web framework]]s.<ref name=Larsen>{{cite book \|last=Larsen\|first=John\|title=React Hooks in Action With Suspense and Concurrent Mode\| year= 2021\|publisher= Manning \|isbn= 978-1720043997}}</ref>{{rp\|5}}<ref name=Wieruch>{{cite book \|last=Wieruch\|first=Robin\|title=The Road to React \|publisher= Leanpub\|isbn= 978-1720043997}}</ref>{{rp\|11}} Being a [[syntactic sugar]], JSX is generally [[transpiler\|transpiled]] into nested JavaScript function calls structurally similar to the original JSX.

	==Markup==		==Markup==

2409:40E3:63:99B:6DB2:F152:860E:7066: added the most suited full form of JSX.

2024-01-02T10:59:41Z

added the most suited full form of JSX.

← Previous revision		Revision as of 10:59, 2 January 2024
Line 1:		Line 1:
	{{Short description\|JavaScript syntax extension}}		{{Short description\|JavaScript syntax extension}}
	'''JSX''' ('''JavaScript XML''') is a [[JavaScript]] extension that allows creation of [[Document Object Model\|DOM]] trees using an [[XML]]-like syntax.<ref name=":0">{{cite web\|title=Draft: JSX Specification\|url=https://facebook.github.io/jsx/\|website=JSX\|publisher=Facebook\|access-date=7 April 2018}}</ref> Initially created by [[Meta Platforms\|Facebook]] for use with [[React (JavaScript library)\|React]], JSX has been adopted by multiple [[web framework]]s.<ref name=Larsen>{{cite book \|last=Larsen\|first=John\|title=React Hooks in Action With Suspense and Concurrent Mode\| year= 2021\|publisher= Manning \|isbn= 978-1720043997}}</ref>{{rp\|5}}<ref name=Wieruch>{{cite book \|last=Wieruch\|first=Robin\|title=The Road to React \|publisher= Leanpub\|isbn= 978-1720043997}}</ref>{{rp\|11}} Being a [[syntactic sugar]], JSX is generally [[transpiler\|transpiled]] into nested JavaScript function calls structurally similar to the original JSX.		'''JSX''' ('''JavaScript XML''') formally ('''JavaScript Syntax eXtension''') is a [[JavaScript]] extension that allows creation of [[Document Object Model\|DOM]] trees using an [[XML]]-like syntax.<ref name=":0">{{cite web\|title=Draft: JSX Specification\|url=https://facebook.github.io/jsx/\|website=JSX\|publisher=Facebook\|access-date=7 April 2018}}</ref> Initially created by [[Meta Platforms\|Facebook]] for use with [[React (JavaScript library)\|React]], JSX has been adopted by multiple [[web framework]]s.<ref name=Larsen>{{cite book \|last=Larsen\|first=John\|title=React Hooks in Action With Suspense and Concurrent Mode\| year= 2021\|publisher= Manning \|isbn= 978-1720043997}}</ref>{{rp\|5}}<ref name=Wieruch>{{cite book \|last=Wieruch\|first=Robin\|title=The Road to React \|publisher= Leanpub\|isbn= 978-1720043997}}</ref>{{rp\|11}} Being a [[syntactic sugar]], JSX is generally [[transpiler\|transpiled]] into nested JavaScript function calls structurally similar to the original JSX.

	==Markup==		==Markup==

154.121.98.116: Edited content: JSX does NOT stand for "JS Syntax Extension", but only "JS XML". JSX isn't the only syntax extension available, there'e CoffeeScript.

2023-12-21T18:25:41Z

Edited content: JSX does NOT stand for "JS Syntax Extension", but only "JS XML". JSX isn't the only syntax extension available, there'e CoffeeScript.

← Previous revision		Revision as of 18:25, 21 December 2023
Line 1:		Line 1:
	{{Short description\|JavaScript syntax extension}}		{{Short description\|JavaScript syntax extension}}
	'''JSX''' (~~'''JavaScript Syntax Extension''' and occasionally referred to as~~ '''JavaScript XML''') is a [[JavaScript]] extension that allows creation of [[Document Object Model\|DOM]] trees using an [[XML]]-like syntax.<ref name=":0">{{cite web\|title=Draft: JSX Specification\|url=https://facebook.github.io/jsx/\|website=JSX\|publisher=Facebook\|access-date=7 April 2018}}</ref> Initially created by [[Meta Platforms\|Facebook]] for use with [[React (JavaScript library)\|React]], JSX has been adopted by multiple [[web framework]]s.<ref name=Larsen>{{cite book \|last=Larsen\|first=John\|title=React Hooks in Action With Suspense and Concurrent Mode\| year= 2021\|publisher= Manning \|isbn= 978-1720043997}}</ref>{{rp\|5}}<ref name=Wieruch>{{cite book \|last=Wieruch\|first=Robin\|title=The Road to React \|publisher= Leanpub\|isbn= 978-1720043997}}</ref>{{rp\|11}} Being a [[syntactic sugar]], JSX is generally [[transpiler\|transpiled]] into nested JavaScript function calls structurally similar to the original JSX.		'''JSX''' ('''JavaScript XML''') is a [[JavaScript]] extension that allows creation of [[Document Object Model\|DOM]] trees using an [[XML]]-like syntax.<ref name=":0">{{cite web\|title=Draft: JSX Specification\|url=https://facebook.github.io/jsx/\|website=JSX\|publisher=Facebook\|access-date=7 April 2018}}</ref> Initially created by [[Meta Platforms\|Facebook]] for use with [[React (JavaScript library)\|React]], JSX has been adopted by multiple [[web framework]]s.<ref name=Larsen>{{cite book \|last=Larsen\|first=John\|title=React Hooks in Action With Suspense and Concurrent Mode\| year= 2021\|publisher= Manning \|isbn= 978-1720043997}}</ref>{{rp\|5}}<ref name=Wieruch>{{cite book \|last=Wieruch\|first=Robin\|title=The Road to React \|publisher= Leanpub\|isbn= 978-1720043997}}</ref>{{rp\|11}} Being a [[syntactic sugar]], JSX is generally [[transpiler\|transpiled]] into nested JavaScript function calls structurally similar to the original JSX.

	==Markup==		==Markup==

Bkell: "referred" → "referred to", MOS:BOLDLINKAVOID

2023-11-29T00:26:26Z

"referred" → "referred to", MOS:BOLDLINKAVOID

← Previous revision		Revision as of 00:26, 29 November 2023
Line 1:		Line 1:
	{{Short description\|JavaScript syntax extension}}		{{Short description\|JavaScript syntax extension}}
	'''JSX''' ('''JavaScript Syntax Extension''' and occasionally referred as '''JavaScript [[XML]]''') is a [[JavaScript]] extension that allows creation of [[Document Object Model\|DOM]] trees using an [[XML]]-like syntax.<ref name=":0">{{cite web\|title=Draft: JSX Specification\|url=https://facebook.github.io/jsx/\|website=JSX\|publisher=Facebook\|access-date=7 April 2018}}</ref> Initially created by [[Meta Platforms\|Facebook]] for use with [[React (JavaScript library)\|React]], JSX has been adopted by multiple [[web framework]]s.<ref name=Larsen>{{cite book \|last=Larsen\|first=John\|title=React Hooks in Action With Suspense and Concurrent Mode\| year= 2021\|publisher= Manning \|isbn= 978-1720043997}}</ref>{{rp\|5}}<ref name=Wieruch>{{cite book \|last=Wieruch\|first=Robin\|title=The Road to React \|publisher= Leanpub\|isbn= 978-1720043997}}</ref>{{rp\|11}} Being a [[syntactic sugar]], JSX is generally [[transpiler\|transpiled]] into nested JavaScript function calls structurally similar to the original JSX.		'''JSX''' ('''JavaScript Syntax Extension''' and occasionally referred to as '''JavaScript XML''') is a [[JavaScript]] extension that allows creation of [[Document Object Model\|DOM]] trees using an [[XML]]-like syntax.<ref name=":0">{{cite web\|title=Draft: JSX Specification\|url=https://facebook.github.io/jsx/\|website=JSX\|publisher=Facebook\|access-date=7 April 2018}}</ref> Initially created by [[Meta Platforms\|Facebook]] for use with [[React (JavaScript library)\|React]], JSX has been adopted by multiple [[web framework]]s.<ref name=Larsen>{{cite book \|last=Larsen\|first=John\|title=React Hooks in Action With Suspense and Concurrent Mode\| year= 2021\|publisher= Manning \|isbn= 978-1720043997}}</ref>{{rp\|5}}<ref name=Wieruch>{{cite book \|last=Wieruch\|first=Robin\|title=The Road to React \|publisher= Leanpub\|isbn= 978-1720043997}}</ref>{{rp\|11}} Being a [[syntactic sugar]], JSX is generally [[transpiler\|transpiled]] into nested JavaScript function calls structurally similar to the original JSX.

	==Markup==		==Markup==

NasssaNser: case

2023-10-19T02:40:52Z

case

← Previous revision		Revision as of 02:40, 19 October 2023
Line 1:		Line 1:
	{{Short description\|JavaScript syntax extension}}		{{Short description\|JavaScript syntax extension}}
	'''JSX''' ('''JavaScript Syntax Extension''' and occasionally referred as '''JavaScript [[XML]]''') is a [[JavaScript]] extension that allows creation of [[Document Object Model\|DOM]] trees using an [[XML]]-like syntax.<ref name=":0">{{cite web\|title=Draft: JSX Specification\|url=https://facebook.github.io/jsx/\|website=JSX\|publisher=Facebook\|access-date=7 April 2018}}</ref> Initially created by [[Meta Platforms\|~~facebook~~]] for use with [[React (JavaScript library)\|React]], JSX has been adopted by multiple [[web framework]]s.<ref name=Larsen>{{cite book \|last=Larsen\|first=John\|title=React Hooks in Action With Suspense and Concurrent Mode\| year= 2021\|publisher= Manning \|isbn= 978-1720043997}}</ref>{{rp\|5}}<ref name=Wieruch>{{cite book \|last=Wieruch\|first=Robin\|title=The Road to React \|publisher= Leanpub\|isbn= 978-1720043997}}</ref>{{rp\|11}} Being a [[syntactic sugar]], JSX is generally [[transpiler\|transpiled]] into nested JavaScript function calls structurally similar to the original JSX.		'''JSX''' ('''JavaScript Syntax Extension''' and occasionally referred as '''JavaScript [[XML]]''') is a [[JavaScript]] extension that allows creation of [[Document Object Model\|DOM]] trees using an [[XML]]-like syntax.<ref name=":0">{{cite web\|title=Draft: JSX Specification\|url=https://facebook.github.io/jsx/\|website=JSX\|publisher=Facebook\|access-date=7 April 2018}}</ref> Initially created by [[Meta Platforms\|Facebook]] for use with [[React (JavaScript library)\|React]], JSX has been adopted by multiple [[web framework]]s.<ref name=Larsen>{{cite book \|last=Larsen\|first=John\|title=React Hooks in Action With Suspense and Concurrent Mode\| year= 2021\|publisher= Manning \|isbn= 978-1720043997}}</ref>{{rp\|5}}<ref name=Wieruch>{{cite book \|last=Wieruch\|first=Robin\|title=The Road to React \|publisher= Leanpub\|isbn= 978-1720043997}}</ref>{{rp\|11}} Being a [[syntactic sugar]], JSX is generally [[transpiler\|transpiled]] into nested JavaScript function calls structurally similar to the original JSX.

	==Markup==		==Markup==