Office-ui-fabric-react Alternatives

office-ui-fabric-react reviews and mentions

• How to style a PCF like a standard Model Driven App control
  1 project | dev.to | 21 Feb 2025

  After this article I had an interesting exchange with David Rivard on how to manually tweak the style of Fluent UI 9 controls to make it look like the standard, model-driven, ones.

• Why I Prefer RST to Markdown
  19 projects | news.ycombinator.com | 31 Jul 2024

  If you want Sphinx to achieve that breakout success, priority #1 should be to get high-quality, beautiful themes.

  At least for me, aesthetics are a high-priority factor when deciding which site generator to use. Hugo and Gatsby have great built-in themes, and I have chosen them for projects before based largely on this fact.

  The Sphinx themes here [0] and here [1] are various levels of "meh" to bland.

  Look at the standard Sphinx RTD theme: https://sphinx-rtd-theme.readthedocs.io/en/stable/

  Now, compare it to documentation sites like:

  - Apple's: https://developer.apple.com/documentation/swift/array

  - Fluent UI: https://react.fluentui.dev/?path=/docs/concepts-developer-po...

  RTD looks dated in comparison.

  [0]: https://sphinx-themes.org/

  [1]: https://sphinxthemes.com/#featured-themes

• WebTable Automation using Selenium
  1 project | dev.to | 14 Jun 2024

  @Test public void validateTableData() { // Load the URL driver.get("https://react.fluentui.dev/?path=/docs/components-table--default#focusable-elements-in-cells"); // Initialise the expected data set var expectedData = List.of( new String[]{"Meeting notes", "Max Mustermann", "7h ago"}, new String[]{"Thursday presentation", "Erika Mustermann", "Yesterday at 1:45 PM"}, new String[]{"Training recording", "John Doe", "Yesterday at 1:45 PM"}, new String[]{"Purchase order", "Jane Doe", "Tue at 9:30 AM"} ); // Locate the table rows var rows = driver.findElements(By.xpath("//div[@id='story--components-table--focusable-elements-in-cells']//tbody//tr[not(th)]")); // Validate the table data for (int rowIndex = 0; rowIndex < rows.size(); rowIndex++) { var row = rows.get(rowIndex); var cells = row.findElements(By.cssSelector("td")); for (int cellIndex = 0; cellIndex < cells.size(); cellIndex++) { var cell = cells.get(cellIndex); // Get the cell value var text = cell.getText().trim(); // Validate Assert.assertEquals(text, expectedData.get(rowIndex)[cellIndex], "Mismatch in column (" + cellIndex + ") at row " + rowIndex); } } }

• Making Web Component properties behave closer to the platform
  9 projects | dev.to | 21 Jan 2024

  For example, all the following design systems can be used without tooling (some of them provide ready-to-use bundles, others can be used through import maps): Google's Material Web, Microsoft's Fluent UI, IBM's Carbon, Adobe's Spectrum, Nordhealth's Nord, Shoelace, etc.

• Fluent UI React Components v9
  1 project | news.ycombinator.com | 22 Nov 2023
• The importance of having native apps on Windows. Having an OS relying on a web browser solely is unacceptable. To all those devs still believing in UWPs apps. Thank you.
  2 projects | /r/Windows11 | 18 May 2023

  We are migrating to Fluent v9, which has notable performance benefits with CSS-in-JavaScript. More information on React Fluent UX can be found at https://react.fluentui.dev.

• Best UI library as an alternative to Fluent UI?
  5 projects | /r/reactjs | 22 Mar 2023

  Storybook Github Figma Specs Documentation [Component Roadmap]

• Fluent Insights EP4: Slots
  2 projects | dev.to | 29 Nov 2022
• How can I add .md file to Storybook without using .mdx
  1 project | /r/reactjs | 15 Nov 2022

  fluentui/packages/react-components/react-button/stories/Button at master · microsoft/fluentui (github.com)

• What's new with Fluent UI React v9: October Update
  1 project | dev.to | 19 Oct 2022

  First, we recommend folks checkout our latest update on the Component Lifecycle Process and our Component Roadmap as it's been updated for FY23Q2.

• A note from our sponsor - InfluxDB
  www.influxdata.com | 15 Jul 2025

  InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now. Learn more →