Genuine question: can anyone spot what CSS tool is generating this? A curious mixture of generated classes and inline styles.
-
@konnorrogers @zachleat @jakelazaroff I should add that If we want to talk about things that really are threatening the web, RN for Web has caused much more harm than anything web components could ever possibly do.
-
Zach Leatherman :11ty:replied to Brian David last edited by
@bcdavid @konnorrogers @jakelazaroff *chin hands* go onnnnnn
-
Large Heydon Colliderreplied to Zach Leatherman :11ty: last edited by
@zachleat @konnorrogers @jakelazaroff Thanks, I hate it.
-
Konnor Rogersreplied to Large Heydon Collider last edited by
@heydon @zachleat @jakelazaroff oh you hate that. Check out this Flutter Web masterpiece.
Material Theme Builder
Theming for Material Design 3
(material-foundation.github.io)
Try using scrollbars, or keyboard nav, or loading it on a low end phone.
-
@bcdavid @zachleat @jakelazaroff
Speaking of ruining the web, here's a flutter web masterpiece:
Material Theme Builder
Theming for Material Design 3
(material-foundation.github.io)
Also, React Native has some....interesting...design choices like everything is display: flex by default, some things like display: grid aren't supported, etc
[Feature] Support CSS Grid · Issue #867 · facebook/yoga
Report I have searched existing issues and this is not a duplicate It's been advised to open a new issue (from this closed issue from 2015). Related react-native issue It's been 4 years since the issue was closed. This issue is to reques...
GitHub (github.com)
-
Zach Leatherman :11ty:replied to Konnor Rogers last edited by
-
@konnorrogers @bcdavid @zachleat @jakelazaroff everything is position: relative by default as well, also they made the default flex-direction column instead of row, just to feel something
-
Zach Leatherman :11ty:replied to Tegan last edited by
-
@konnorrogers display:flex + flex-direction:column is a perfectly reasonable default if you're dealing with cross-platform layout. You have the same primitives in flutter, Qt, RN, WPF, and others. It's universal.
display:grid might not be supported by one of the compilation targets, thus they either have to bother to hack it everywhere or just not implement it at all.
-
@bano @konnorrogers @zachleat @jakelazaroff It's not the web default, though. And both RN and react-native-web were aggressively marketed as web compatible by default, largely because React was built on web technologies. If they were designing based on other native platforms, that's fine. But that's absolutely not how these technologies were marketed.
-
@bano @konnorrogers @zachleat @jakelazaroff Above all that, your comment highlights the folly of technologies like RN selling themselves as singular cross-platform solutions. It means you never really get to leverage the platform you are writing for to its full extent. And eventually escape hatches get used to the extent that it would've been better to write multiple code bases to begin with.
-
@bcdavid it's all about pros and cons. I can't see how something like bluesky or mastodon clients can leverage the platform. Its not a navigator, it's not a video editor, it's not a streaming app. Its just a thing with text, images and videos downloaded from the internet.
And I honestly don't believe that these technologies are chosen because of how cool they are. RN and other cross-platform things exist to fit into a budget (both temporal and financial). These solutions are natural born compromises and are chosen exactly because people need to solve problems on that realm.
I mean... Oracle APEX exists but no one talks of how limited it is despite being very popular and profitable.
Things just solve different problems in a different way for different people. And that's okay
-
@bano @konnorrogers @zachleat @jakelazaroff Accessibility is one of the things we leverage the platform for, and that's important for all apps. And RN for Web is infamous for outputting just brutally inaccessible code. This is something BkueSky has been directly called out for. I have never seen an RN code base that is not littered with escape hatches specifically to address a11y. And at that point you're writing multiple code bases anyway, just somehow in a less efficient way.
-
Zach Leatherman :11ty:replied to Brian David last edited by
@bcdavid @bano @konnorrogers @jakelazaroff I am having more trouble getting on board with the idea that someone would be out here defending RN publicly than believing someone would use it in a codebase
