JaroslavTulach: /* JSX */ - 2025-02-09 06:03:59

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-09 06:02:22

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-19 11:53:19

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-19 06:03:45

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-19 06:03:28

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-19 05:45:53

←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-19 05:39:57

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]]