React - Revision history

JaroslavTulach: /* JSX */

2025-02-09T06:03:59Z

JSX

←Older revision		Revision as of 06:03, 9 February 2025
Line 4:		Line 4:

	[[React]] comes with enhanced version of [[JavaScript]] called [[JSX]] which mixes the code with [[DOM]] definition. Many love it. Some consider it crazy. Anyway it is certainly a challenge to convert such concept to another language like [[Java]] and to do it without enhancing the language - only with the help of [[AnnotationProcessor]]s.		[[React]] comes with enhanced version of [[JavaScript]] called [[JSX]] which mixes the code with [[DOM]] definition. Many love it. Some consider it crazy. Anyway it is certainly a challenge to convert such concept to another language like [[Java]] and to do it without enhancing the language - only with the help of [[AnnotationProcessor]]s.
		+
		+	=== Java? Java! ===

	Can that be done? Yes, it can. See my [http://react4jdemo.apidesign.org/ react4jdemo tutorial] or go directly to the [https://github.com/jtulach/netbeans-html4j/blob/react4jdemo/README.md project page].		Can that be done? Yes, it can. See my [http://react4jdemo.apidesign.org/ react4jdemo tutorial] or go directly to the [https://github.com/jtulach/netbeans-html4j/blob/react4jdemo/README.md project page].

JaroslavTulach: /* JSX */

2025-02-09T06:02:22Z

JSX

←Older revision		Revision as of 06:02, 9 February 2025
Line 5:		Line 5:
	[[React]] comes with enhanced version of [[JavaScript]] called [[JSX]] which mixes the code with [[DOM]] definition. Many love it. Some consider it crazy. Anyway it is certainly a challenge to convert such concept to another language like [[Java]] and to do it without enhancing the language - only with the help of [[AnnotationProcessor]]s.		[[React]] comes with enhanced version of [[JavaScript]] called [[JSX]] which mixes the code with [[DOM]] definition. Many love it. Some consider it crazy. Anyway it is certainly a challenge to convert such concept to another language like [[Java]] and to do it without enhancing the language - only with the help of [[AnnotationProcessor]]s.

-	Can that be done? Yes, it can. See my [http:/~~/xelfi.cz~~/react4jdemo/ react4jdemo tutorial] or go directly to the [https://github.com/jtulach/netbeans-html4j/blob/react4jdemo/README.md project page].	+	Can that be done? Yes, it can. See my [http://react4jdemo.apidesign.org/ react4jdemo tutorial] or go directly to the [https://github.com/jtulach/netbeans-html4j/blob/react4jdemo/README.md project page].

	This Virtual [[DOM]] allows one to easily compose a hierarchical structure of elements and treat it as an object. Both in [[JSX]] as well as in [[Java]].		This Virtual [[DOM]] allows one to easily compose a hierarchical structure of elements and treat it as an object. Both in [[JSX]] as well as in [[Java]].

JaroslavTulach: /* JSX */

2020-11-19T11:53:19Z

JSX

←Older revision		Revision as of 11:53, 19 November 2020
Line 8:		Line 8:

	This Virtual [[DOM]] allows one to easily compose a hierarchical structure of elements and treat it as an object. Both in [[JSX]] as well as in [[Java]].		This Virtual [[DOM]] allows one to easily compose a hierarchical structure of elements and treat it as an object. Both in [[JSX]] as well as in [[Java]].
		+
		+	=== Without Redux ===
		+
		+	Can you use [[React]] without '''Redux'''? Yes, there is '''useContext''' in modern [[React]] and there are also MobX and MobX-state-tree helpers according to [https://medium.com/swlh/what-is-the-best-state-container-library-for-react-b6989a45f236 this article].

	=== What's Reactive on [[React]] Anyway? ===		=== What's Reactive on [[React]] Anyway? ===

JaroslavTulach: /* What's Reactive on React Anyway? */

2020-11-19T06:03:45Z

What's Reactive on React Anyway?

←Older revision		Revision as of 06:03, 19 November 2020
Line 11:		Line 11:
	=== What's Reactive on [[React]] Anyway? ===		=== What's Reactive on [[React]] Anyway? ===

-	The best way to learn about weaknesses of [[React]] is ~~towatch~~ rants by competitors. This one comes from [[Svelte]]:	+	The best way to learn about weaknesses of [[React]] is to watch rants by competitors. This one comes from [[Svelte]]:

	{{#ev:youtube\|AdNJ3fydeao}}		{{#ev:youtube\|AdNJ3fydeao}}

	[[Category:Video]]		[[Category:Video]]

JaroslavTulach: /* JSX */

2020-11-19T06:03:28Z

JSX

←Older revision		Revision as of 06:03, 19 November 2020
Line 6:		Line 6:

	Can that be done? Yes, it can. See my [http://xelfi.cz/react4jdemo/ react4jdemo tutorial] or go directly to the [https://github.com/jtulach/netbeans-html4j/blob/react4jdemo/README.md project page].		Can that be done? Yes, it can. See my [http://xelfi.cz/react4jdemo/ react4jdemo tutorial] or go directly to the [https://github.com/jtulach/netbeans-html4j/blob/react4jdemo/README.md project page].
		+
		+	This Virtual [[DOM]] allows one to easily compose a hierarchical structure of elements and treat it as an object. Both in [[JSX]] as well as in [[Java]].

	=== What's Reactive on [[React]] Anyway? ===		=== What's Reactive on [[React]] Anyway? ===

JaroslavTulach at 05:45, 19 November 2020

2020-11-19T05:45:53Z

←Older revision		Revision as of 05:45, 19 November 2020
Line 1:		Line 1:
	[[React]].js is one of the most popular UI framework these days. Backed by [[Facebook]], it appeals to masses - it has almost become a synonym for [[UI]] in the browser/mobile - especially between managers with only high-level knowledge.		[[React]].js is one of the most popular UI framework these days. Backed by [[Facebook]], it appeals to masses - it has almost become a synonym for [[UI]] in the browser/mobile - especially between managers with only high-level knowledge.
		+
		+	=== JSX ===
		+
		+	[[React]] comes with enhanced version of [[JavaScript]] called [[JSX]] which mixes the code with [[DOM]] definition. Many love it. Some consider it crazy. Anyway it is certainly a challenge to convert such concept to another language like [[Java]] and to do it without enhancing the language - only with the help of [[AnnotationProcessor]]s.
		+
		+	Can that be done? Yes, it can. See my [http://xelfi.cz/react4jdemo/ react4jdemo tutorial] or go directly to the [https://github.com/jtulach/netbeans-html4j/blob/react4jdemo/README.md project page].

	=== What's Reactive on [[React]] Anyway? ===		=== What's Reactive on [[React]] Anyway? ===

JaroslavTulach: New page: React.js is one of the most popular UI framework these days. Backed by Facebook, it appeals to masses - it has almost become a synonym for UI in the browser/mobile - especially...

2020-11-19T05:39:57Z

New page: React.js is one of the most popular UI framework these days. Backed by Facebook, it appeals to masses - it has almost become a synonym for UI in the browser/mobile - especially...

New page

[[React]].js is one of the most popular UI framework these days. Backed by [[Facebook]], it appeals to masses - it has almost become a synonym for [[UI]] in the browser/mobile - especially between managers with only high-level knowledge.

=== What's Reactive on [[React]] Anyway? ===

The best way to learn about weaknesses of [[React]] is towatch rants by competitors. This one comes from [[Svelte]]:

{{#ev:youtube|AdNJ3fydeao}}

[[Category:Video]]