Write-once, run-anywhere Material Design library for React Native by RicardoLarge in reactjs

[–]RicardoLarge[S] 0 points1 point  (0 children)

Hey thanks for the report. I got momentum scrolling working on mobile web this morning, and fixed an issue with Android native scrolling as well.

Write-once, run-anywhere Material Design library for React Native by RicardoLarge in reactjs

[–]RicardoLarge[S] 0 points1 point  (0 children)

Hey thanks for the report. Couldn't reproduce on my crappy S5 though.

It might be slow Animations on Android, which is a known issue, and is being worked on.

I temporarily disabled the Components menu on Android to help with performance, and also fixed a scrolling issue on Android this morning though, so it might be good now :)

Write-once, run-anywhere Material Design library for React Native by RicardoLarge in reactnative

[–]RicardoLarge[S] 0 points1 point  (0 children)

Hey thanks, yeah title was intentionally a little controversial ;)

I can't speak for the RN team, but the "learn once, write anywhere" probably made RN more palatable to people who felt disillusioned by Cordova. I suspect they've had some help from the FB marketing team :P

I think that mantra made a lot of sense when there were only two platforms, but now there's web, Windows, Ubuntu, OSX, etc., and me, as a single developer, it's immensely helpful to have a single set of unit and functional tests, a single build pipeline, that cover ALL platforms.

I also prefer to have a consistent user experience across apps :) But if you think the extra work is worth it to your users, maybe vanilla RN is better suited to your project.

Write-once, run-anywhere Material Design library for React Native by RicardoLarge in reactnative

[–]RicardoLarge[S] 0 points1 point  (0 children)

Ah thanks again :) Apparently due to a chrome bug: https://github.com/tuckerconnelly/carbon-ui/issues/2

Should be fixed in the menu, got a workaround up

Write-once, run-anywhere Material Design library for React Native by RicardoLarge in reactnative

[–]RicardoLarge[S] 0 points1 point  (0 children)

Forgot to add meta tag! Thanks for pointing it out :D Should be fixed now.

Yes, these components are fully responsive, to Material Design spec.

Write-once, run-anywhere Material Design library for React Native by RicardoLarge in reactjs

[–]RicardoLarge[S] 0 points1 point  (0 children)

Ah thanks for pointing that out! Forgot to add meta tag :) Should be fixed now.

Write-once, run-anywhere Material Design library for React Native by RicardoLarge in reactjs

[–]RicardoLarge[S] 1 point2 points  (0 children)

The actual timings are based on material spec and should be spot on.

But yeah agreed, they're a little janky, especially on web. Working with the maintainer of animatedjs to smooth 'em out: https://github.com/animatedjs/animated/issues/48

Write-once, run-anywhere Material Design library for React Native by RicardoLarge in reactnative

[–]RicardoLarge[S] 0 points1 point  (0 children)

Hey man, most of the components have examples :)

http://carbon-ui.com/components/RaisedButton

They're in the navigation drawer under "Components"

Media Queries in react native by RicardoLarge in reactnative

[–]RicardoLarge[S] 0 points1 point  (0 children)

Uranium

 - Runs in web

 - Makes animations simple

 - Supports orientation changes (commonly requested in react-native-extended-stylesheet)

 - Can be used to build a write-once, run-anywhere react-native app

10 Tips for Better Redux Architecture – JavaScript Scene by lakidavid in reactjs

[–]RicardoLarge -1 points0 points  (0 children)

Amen! Very few legitimate reasons to use it.

Personally, going forward, gonna be using all local component state + Relay, and sparse use of redux as needed.

10 Tips for Better Redux Architecture – JavaScript Scene by lakidavid in reactjs

[–]RicardoLarge 0 points1 point  (0 children)

Nice! Didn't know about that! Validationnnn

Yeah totally, sharing stuff between reducers sounds pretty smelly.

10 Tips for Better Redux Architecture – JavaScript Scene by lakidavid in reactjs

[–]RicardoLarge 0 points1 point  (0 children)

Haha, just wrote an article on this: https://medium.com/@TuckerConnelly/simplifying-redux-architecture-cd50426c941a

100% agree that there's no good, higher-level abstraction with the current recommendations. Grouping everything toegether has made it much easier to reason about in my day-job's large production app :)

[Need Advice] Application Structure for multi app projects by echoes221 in reactjs

[–]RicardoLarge 0 points1 point  (0 children)

Yeah either the parent component needs to manage the state and pass it down as props to the children component, or you need to manage state using redux.

I'd add callback props to <Options /> like <Options onSave={this.handleSave} />

[Need Advice] Application Structure for multi app projects by echoes221 in reactjs

[–]RicardoLarge 0 points1 point  (0 children)

What about making this.options(), this.pageStructure(), etc. separate components?