See also https://microsoft.github.io/reactxp/blog/2017/04/06/introduc...
It came out of the Skype team. But it doesn't look like they're currently using it in their universal Windows app, which is built directly on XAML.
ReactXP – A library for building cross-platform apps
51–60 of 124 posts
Re: ReactXP – A library for building cross-platform apps
#52Despite explaining that XP stands for "cross platform", I still think that this is mis-named and many will assume it relates to one of Microsoft's biggest ever brand names with global recognition. At first glance I decided not to read the article because I thought it irrelevant due to the XP.
>I still think that this is mis-named and many will assume it relates to one of Microsoft's biggest ever brand names with global recognition.
Don't worry, most of the target audience of devs wasn't even 10 when Windows XP was a thing that mattered...
Re: ReactXP – A library for building cross-platform apps
#53It's not just different platforms but different screen sizes (and RTL layouts) that's the biggest challenge I found in developing React Native apps. To solves those challenges, I'd like to share something I've been working on: a responsive grid for RN with RTL layout support. It has reduced the time it takes to build relative size and responsive layouts by a factor of 10, easily. It's based on previous similar work but with some radical changes and a few functional and usability enhancements. Looking for testers!
Re: ReactXP – A library for building cross-platform apps
#54I really want React for desktop apps. Currently we are running into some performance issues with large datasets and spreadsheets, and being able to offer a performant desktop app would be ideal. Right now we're considering using .NET and ReoGrid, since Qt is too expensive and we only target Windows anyways.
You can use Electron and do that. Not a ton of love for it around here because omg a web page as a desktop app the horror but I've had good experiences with it. (And if you e ever used Slack or Atom, you've used Electron)
>You can use Electron and do that. Not a ton of love for it around here because omg a web page as a desktop app the horror but I've had good experiences with it.
Parent specifically mentions they want to get away from the performance issues of web apps [1] -- and you suggest they use Electron -- and even bring up Atom and Slack as examples, the worst CPU/slowness offenders of all time?
[1] "Currently we are running into some performance issues with large datasets and spreadsheets, and being able to offer a performant desktop app would be ideal"
Re: ReactXP – A library for building cross-platform apps
#55See also https://microsoft.github.io/reactxp/blog/2017/04/06/introduc... It came out of the Skype team. But it doesn't look like they're currently using it in their universal Windows app, which is built directly on XAML.
And I believe the desktop (Win) version of Skype is still in Delphi, right?
Re: ReactXP – A library for building cross-platform apps
#56>With React and React Native, your web app can share most its logic with your iOS and Android apps, but the view layer needs to be implemented separately for each platform. As far as I understand, you don't need to do this in react-native. Only when you want to use some special features. Or am I missing something?
> Or am I missing something? Yes, it's not possible. You can't just use your React code as React Native. There are many small API differences.
Parent is not saying (or asking whether) you can "use your React code as React Native".
They are saying that from what they know, if you use React Native, you shouldn't have to recode your UI layer for different platforms.
Which is true, but the point parent misses, is that it might not be necessary if you just want a cross platform app, but it is needed if you also want it to behave more like each platform users are used to.
Re: ReactXP – A library for building cross-platform apps
#57Is there a screenshot somewhere to see how it looks like our am I missing something?
indeed a set of cross-platform samples would have been nice
Re: ReactXP – A library for building cross-platform apps
#58I really want React for desktop apps. Currently we are running into some performance issues with large datasets and spreadsheets, and being able to offer a performant desktop app would be ideal. Right now we're considering using .NET and ReoGrid, since Qt is too expensive and we only target Windows anyways.
Why are you unable to use free Qt?
Re: ReactXP – A library for building cross-platform apps
#59Earlier quoted context omitted.
There is Xamarin.Forms, which is essentially cross platform XAML with a base set of widgets. It supports Android, iOS, UWP, and they are working on MacOS. No Linux yet.
I wouldn't recommend Forms, I worked with it for about 4-5 months full time last summer and it was unstable and unperformant.
Forms is the only real selling point for Xamarin. Too bad it doesn't have a good reputation.
Re: ReactXP – A library for building cross-platform apps
#60With RN's and Expo's out of the box support for Android/iOS, I find the missing piece is native support for Responsive Grid layout. Till then, I've derived one based on the new support in RN v0.42 for relative dimensions. I've taken the liberty of correcting the mental model for Grid to eliminate the decoherence that results from using both an absolute column count together with relative sizing (!) by letting the developer specify grid column width as a percentage of screen size and allowing the specifying of the width of a given column in the layout as a multiple of that percentage. This way the developer doesn't have to divide the screen size in pixels (assuming they know that for the screen they're testing on, which is not always the case) by some arbitrary number of grid columns in order to get the width they desire per grid column (indirect route.) They can instead use visual intuition about relative sizes to define the column width directly as a percentage of screen width. I also found RTL support (for Hebrew/Arabic apps) generally lacking in RN, so I added RTL layout support to it.