https://linen.dev logo
Join Discord
Powered by
# react
  • u
    Is that possible??
  • r
    It compiles to Javascript?
  • g
    Ofc it's possible :P have been using it at work almost daily for 5 years
  • r
    Is there anything public which uses it?
  • g
    Nope
  • a
  • a
    this is a small project i made for another thing
  • a
    This uses haxe + react
  • n
    hmm
  • n
    maybe I should give React a go from Haxe side
  • n
    I always had the impression that the tooling just wasn't there for comfortably editing JSX from Haxe side
  • n
    but I don't gave it a proper try back then so I might be just wrong
  • g
    Maybe try react-next if you felt that way with haxe-react back then?
  • n
    might just give it a go!
  • g
    🙂 don't hesitate to ask questions, and check out the few react-next specific docs there https://github.com/kLabz/haxe-react/tree/next/doc
  • n
    cool, I'll probably give it a go soon!
  • n
    you use it professionally, right? do you stay mostly on haxe land or do you interop with other JS libraries often? I was wondering how stuff like material-ui would work with it. I assume we could use that tool that generates haxe definitions from TS files?
  • g
    Yep, have been using it daily at work for several years
  • g
    I interop with a few js libraries, for which I handcraft externs. Auto generated externs from TS are too low quality imo (partly because of the ts files themselves..)
  • g
    Material ui is one of the libs for which I handcrafted externs x)
  • g
  • n
    niiice
  • t
    @User how exactly are you using Haxe here. Does your entire company use Haxe to generate react?
  • g
    Yeah we do all web dev in Haxe
  • a
    is there a template project for react-next?
  • a
    I keep modding down old projects and it's a bit convoluted, if not, i'll make one and upload
  • a
    just wanna make sure i'm not reinventing something
  • g
    Copy code
    haxe
import js.Browser;
import react.ReactDOM;
import react.ReactMacro.jsx;

var root = Browser.document.querySelector("#app");
ReactDOM.render(jsx(<MyApplication />), root);
    There you go ~
  • a
  • a
    I was thinking something more like this x)
1...646566...80Latest