Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    Tony Ng
    @tonystaark
    Hello I am new to ReactXP. Any idea how to test it on ios or android? Is it the same as ReactNative which is testing with Expo?
    raviabeypaul
    @raviabeypaul
    Hi guys, i am new to react xp, and am working with virtual list view, could anyone help me with aligning cells in horizontal direction
    Satish Verma
    @satishverma143
    hello, I am a newbie in ReactXp
    Matthew
    @thegalah
    image.png
    Anyone know how to deal with the software buttons on android? It seems to be cutting off some of the UI:
    Matthew
    @thegalah
    I'm also not sure if this is a bug but I have a GestureView inside of a Scrollview which entirely fills the scrollview. I use it to detect pan gestures and it seems to work fine on web + ios, however on android it seems to block scrolling/have difficulty scrolling the scrollview
    Pablo Espinosa
    @espipj
    Hello, it might be a silly question, but my VirtualListView doesn't respect the dimesions set by the parents RX.Views via flexbox, it just takes over the whole screen :(
    Pablo Espinosa
    @espipj
    Okay, solved, it was a matter of playing a bit with the flexbox values
    Matthew
    @thegalah
    Anyone have any ideas on getting a gesture view to detect horizontal pans inside a scrollview?
    Daniel Neveux
    @dagatsoin
    I am updating my dependencies on @dagatsoin/sproutch but I struggle to user the current reactxp master build.
    Metro complains => Unable to resolve "../native-common/Network" from "node_modules/reactxp/dist/android/ReactXP.js"
    does it sound familiar ?
    Olivier MATROT
    @omatrot
    With the release of version 2.0.0, any guidelines for upgrading from 1.6.1 ?
    Tung Hoang
    @tunght91
    Hi, I have a question?
    Have ReactXP support reactjs 16.8?
    Olivier MATROT
    @omatrot
    Screenshot 2020-01-06 at 13.24.46.png
    Screenshot 2020-01-06 at 13.26.02.png
    I have a discrepancy between iOS (top image) and Android (bottom image) for a button.
    Here is the JSX
                <RX.Button
                  style={styles.button}
                  onPress={() => this.handleStartStopButton()}
                >
                  <RX.Text style={{ textAlign: "center" }}>
                    {this.state.processingData
                      ? translate("capture.stop")
                      : translate("capture.start")}
                  </RX.Text>
                </RX.Button>
    And the style:
    button: RX.Styles.createButtonStyle({
    backgroundColor: "#ddd",
    borderWidth: 1,
    margin: 40,
    padding: 12,
    borderRadius: 8,
    borderColor: "black"
    })
    Space is available, what could it be? Any guidance to troubleshoot this rather simple issue?
    Frederic Barthelemy
    @fbartho
    @omatrot Margin — I’ve found differences between iOS and Android regarding margin behavior (I believe a react-native issue)
    I’m curious: does anybody have CodeCov.io or other code coverage working? 2 years ago, I gave up and I’d like to fix that.
    Daniel Neveux
    @dagatsoin
    Hi, is there any know issues on the compatibility of RXP with RN (.62)?
    cc @berickson1
    Frederic Barthelemy
    @fbartho
    @dagatsoin -- we're using it on RN 0.62 in production for about a month. No concerns so far. -- I'm investigating starting to code-share between our React-Web and our RN Apps soon.
    Daniel Neveux
    @dagatsoin
    @fbartho thx for the feedback!
    Frederic Barthelemy
    @fbartho
    Oh, and I should clarify that I've been using ReactXP for 2.5 years -- we migrated a native app to it -- but we haven't been leveraging the Web Capabilities yet (though that's what I'm working on convincing people to do!)
    Marcel Sossou
    @MoonshotDisrupt_gitlab
    has anyone come across a react xp yarn error while creating a new app ?

    $ yarn start:web
    yarn run v1.15.2
    $ cross-env platform=web webpack-dev-server --config=web/webpack/dev.js --progress --colors --mode=development
    Starting type checking service...
    10% building 1/1 modules 0 activeℹ 「wds」: Project is running at http://localhost:9999/
    ℹ 「wds」: webpack output is served from /
    ℹ 「wds」: Content not from webpack is served from /Users/sedote.sossou/sourceCode/yamahaPoc/src
    11% building 11/15 modules 4 active /Users/sedote.sossou/sourceCode/yamahaPoc/node_modules/webpack-dev-server/client/utils/sendMessage.jsℹ 「wdm」: wait until bundle finished: /
    98% after emittingType checking in progress...
    ✖ 「wdm」: 37 modules

    ERROR in ./src/index.tsx
    Module build failed (from ./node_modules/babel-loader/lib/index.js):
    Error: [BABEL] /Users/sedote.sossou/sourceCode/yamahaPoc/src/index.tsx: Could not find plugin "proposal-numeric-separator". Ensure there is an entry in ./available-plugins.js for it. (While processing: "/Users/sedote.sossou/sourceCode/yamahaPoc/node_modules/@babel/preset-env/lib/index.js")
    at getPlugin (/Users/sedote.sossou/sourceCode/yamahaPoc/node_modules/@babel/preset-env/lib/index.js:67:11)
    at /Users/sedote.sossou/sourceCode/yamahaPoc/node_modules/@babel/preset-env/lib/index.js:258:62
    at Array.map (<anonymous>)
    at /Users/sedote.sossou/sourceCode/yamahaPoc/node_modules/@babel/preset-env/lib/index.js:258:43
    at /Users/sedote.sossou/sourceCode/yamahaPoc/node_modules/@babel/helper-plugin-utils/lib/index.js:19:12
    at /Users/sedote.sossou/sourceCode/yamahaPoc/node_modules/@babel/core/lib/config/full.js:199:14
    at Generator.next (<anonymous>)
    at Function.<anonymous> (/Users/sedote.sossou/sourceCode/yamahaPoc/node_modules/@babel/core/lib/gensync-utils/async.js:26:3)
    at Generator.next (<anonymous>)
    at step (/Users/sedote.sossou/sourceCode/yamahaPoc/node_modules/gensync/index.js:254:32)
    ℹ 「wdm」: Failed to compile.
    No type errors found
    Version: typescript 3.8.3
    Time: 2597ms

    Marcel Sossou
    @MoonshotDisrupt_gitlab
    yeah this channel is totally useless
    gmlion
    @gmlion
    Hello, is the library still mantained?
    m4tf3r
    @m4tf3r
    I'd like to know that too. Is ReactXP dead?
    Syntax
    @Cavitt

    Not to hijack the channel, but if you need support I maintain a ReactXP fork for my project ULT (https://github.com/kat-tax/ult)

    It has a CRA-like build tool to create a project npx ult MyApp.
    I maintain ReactXP compatibility, but I keep the dependencies and RN up-to-date (including MacOS support).

    I can provide additional support via Discord: https://discord.gg/TzhDRyj

    I've also made a Figma plugin for designing RX components:
    https://www.figma.com/community/plugin/821138713091291738/

    Daniel Neveux
    @dagatsoin
    Great project @Cavitt
    I will hook on this to remind that a ReactXP UI lib is available here https://github.com/dagatsoin/sproutch and I suppose will be compatible with ULT.
    (web demo here: https://dagatsoin.github.io/sproutch/)
    Poopooracoocoo
    @Poopooracoocoo
    I'm not exactly sure what ReactXP is. Does it use RNW? Is it a substitute for it? Why would Skype have switched to Electron from it if it's still getting some commits? Why didn't Skype switch to RNW? so confusing
    this whole project was started because of skype, wasn't it?
    Frederic Barthelemy
    @fbartho
    @Poopooracoocoo -- ReactXP is an alternate strategy as compared to RNW --- react-native-web is trying to be a drop-in replacement for react-native, that means it needs to match the APIs that RN implements, and there's always some risk of compatibility issues right around version updates.
    ReactXP is multiple implementations that directly target Web, or RN functionality depending on your environment. That means you can actually use ReactXP and RNW side-by-side, and it's just an api painpoint / bundle size cost, but they don't cause problems together.
    @Cavitt -- I've recently stepped up to be a maintainer of ReactXP, so I'd love to chat with you about what changes you would like to see in ReactXP and if you're interested in helping maintain macOS and/or Windows support -- my team is only using ReactXP for Mobile and starting to use it for Web, but we have no plans for desktop use at this time.
    @m4tf3r @gmlion -- ReactXP is not dead, it's just been mature enough that it kinda kept running even though some of the maintainers moved on to other projects. -- I have a plan for a release in the next month or so, and I'd love participation.
    Frederic Barthelemy
    @fbartho
    @MoonshotDisrupt_gitlab -- I'm sorry you struggled with things. It sounds like from your error message you're having a mismatch between your versions of babel plugins. -- I just set up a new project with ReactXP web, and I didn't have that type of error. I know it's been a couple months, but if you still have that error, please let me know and I'd love to help.
    Frederic Barthelemy
    @fbartho
    @Poopooracoocoo -- Skype is still using ReactXP as well as several new applications from Microsoft. ReactXP can be used on top of Electron -- so I don't have insight into why they changed that. There also exist projects that use ReactXP only on web and have no intention of using ReactXP on mobile -- this is because ReactXP has a very robust Accessibility integration, and so it benefits them to work on top of ReactXP and have their site more accessible for less maintenance cost.
    I've put some effort into triaging the open tickets/feature requests to try to build a bit of a roadmap. I'd love for more people to contribute if you're interested! https://github.com/microsoft/reactxp/projects/1
    Poopooracoocoo
    @Poopooracoocoo
    @fbartho Thanks for the explanation! Skype made a very confusing decision in switching to Electron. It was right when the new react-native-windows released too. The acronym 'RNW' must cause some confusion 'round the React community haha
    Sanjay Gupta
    @sanjaydev
    Can we use ‘class’ or ‘className’ to call CSS properties? same like we are using in reactJS.
    or any way to use @media query
    '@media screen (min-width: 800px)': {
    name: RX.Styles.createTextStyle({
    fontWeight: 'bold',
    fontSize: 136,
    color: '#f00',
    }),
    },
    I tried in this way, but it's not working.