I know its been posted a few times but history is bad since this is free.. who had the ReactJS stuff working ok in netsuite? i got the sample app done (tic/tac-toe game) an d i was jsut trying to see if i could get it working.. did the prod compile and uploaded it and i can access an index.js and the page title loads but there's no content.. wasn't sure if the relative links are just bad in the compiled code for the netsuite file cabinet or what.

Have an inlinehtml field somewhere like

<div id="react-root" />

Then run in a client script call

require(['react', 'react-dom'], function(React, ReactDOM) {
  ReactDOM.render(
    React.createElement(your element, { your props }),
    document.getElementById('react-root')
  );
});

I have the paths to react and react-dom set up in an @NAmdConfig file

the AMD config may be the issue

yeah in my suitelet I have an inline html div with the css in a

<style>

followed by

<div id="react-root"></div>

A pageInit function on the client script attached to the suitelet then requires the other scripts and initializes the react app

have you tried pulling in any additional components? I think it would be awesome to be able to pull in some of the stuff like the "loading/waiting" spinners and have the nice ingle page app UI

I have my component defined in another file and I pull it in in the same require function as

react

and

react-dom

As far as I understand, everything works ok as long as you use one

require

function to bring in your client side dependencies, since NetSuite does not run server-side static analysis on client scripts you

require

right.. ok cool ill give that some more work and see how it turns out.. do you have any UI screenshots of how its looking/working by chance?

yeah I've been meaning to update the repo

ill just have to mess w/ it honestly.. once i get it up and running ill be ok

i'll take a screenshot

alright cool

Number of records in the stages weren't high but you get the idea

looks nice

thanks since it's not so complicated it's not anything you couldn't make with jquery ui, but part of me just wanted to see if it would work in NetSuite

yep thats where I'm at but a more complicated UI

please rewrite the NS UI and share

ha i wish.. i've re-done the item search before for a custom version it was so much faster/easier than the native one

Have you tried Material CSS

i haven't

how does Blizzard factor in?

im only doing netsuite till that happens

@creece You can always do Uber and have an small job with more free time ....

no uber man... im not picking up weirdos

@stalbert I actually started doing this but with vue.js instead of react. I have a project in production that uses it but it's still rough on the edges. The eventual plan is to release it as a library

what is the rough around the edges part

I'd prefer vuejs over react any day, so thumbs up and keep going @michoel!

@creece no specific issues, just that the code is more proof of concept than production quality (even though I'm using it for a released project..)

@michoel post repository link, 😬

is there something worth doing vue over react?

Mostly personal taste. React is more mature, much larger eco system, but vuejs is becoming increasingly popular

im guessing they both have pretty similar pain points in getting it working

I initially tried out vue because it doesn't take a lot to introduce it to a project. However I had a very confusing time trying to go beyond just introducing it. I thought the API had too much magic going on (where I have found the React API to be very intuitive). Like React, Vue has type definitions for typescript, but Vue's type definitions are incredibly confusing. https://github.com/vuejs/vue/blob/dev/types/vue.d.ts#L105 There were many different ways to do the same thing so the examples I was looking at were all using different patterns and idioms. Single file vue components (separate file type with a .vue extension) is where I thought it had just gone too far from where I wanted to be.