--- title: "Writing React in F#" publication: "React Status" issue: 321 published_at: "2023-01-11" canonical_url: "https://react.statuscode.com/issues/321" --- Plus a thorough guide to data binding, digging into concurrent mode, and building dashboards with React and Tremor. | #​321 — January 11, 2023 [Read on the Web](https://react.statuscode.com/issues/321) Together with [![Userfront\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_600,h_110/e_make_transparent/co_white,e_outline:7/lnopbsxefrqqsjq14fvr.png)](https://userfront.com/tutorials/react-authentication) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/gyd6x62rlmjtcbxyxnda.jpg)](https://github.com/stevenpetryk/mafs) ➗ [Mafs: React Components for Interactive Math](https://mafs.dev/) — Build interactive, animated visualizations using declarative code with illustrative demos like [bezier curves](https://mafs.dev/guides/examples/bezier-curves). The documentation is fantastic – check out how easy it is to [make plots](https://mafs.dev/guides/display/plots). Or just head to the [GitHub repo](https://github.com/stevenpetryk/mafs). Steven Petryk [Everything About React Concurrent 'Mode'](https://blog.codeminer42.com/everything-you-need-to-know-about-concurrent-react-with-a-little-bit-of-suspense/) — An in-depth, example-led exploration of [Concurrent Mode](https://reactjs.org/docs/concurrent-mode-intro.html) (now more a set of features integrated into React 18 than a distinct 'mode') to understand what problems it solves, how it works and how to leverage it. Henrique Yuji [![\](https://copm.s3.amazonaws.com/82dd1dca.png)](https://userfront.com/tutorials/react-authentication) [React Authentication, Simplified](https://userfront.com/tutorials/react-authentication) — In this article, we lay out a new approach to authentication (plus access control & SSO) in React applications. Userfront sponsor [Data Binding in React](https://www.joshwcomeau.com/react/data-binding/) — _“There’s a consistent philosophy in React when it comes to data binding,”_ says Josh in this beginner-to-intermediate aimed tutorial demonstrating React’s data binding capabilities in the context of wiring up different types of form input controls. Josh W. Comeau ['You Should Write React in F#'](https://www.bekk.christmas/post/2022/20/you-should-write-react-in-fsharp) — Certainly a bold opinion. F# is a ‘functional first’ language commonly associated with Microsoft and, believe it or not, it can be used to build React apps. Bjørn-Ivar tries to sell us on the idea here. Bjørn-Ivar Strøm [Safer String Props Using TypeScript’s Template Literals](https://www.wking.dev/library/safer-string-props-using-typescripts-template-literals) — Sometimes you don’t want just _any_ string to be passed as a prop to your React component. Here’s a look at how to use template literals to impose some constraints. Will King [Type-Safe React Query – It's All About Trust](https://tkdodo.eu/blog/type-safe-react-query) — Type definitions should be trustworthy. If they’re not, they “become a mere suggestion” asserts this article which suggests what can be done to make them so. Dominik Dorfmeister [Implementing CSS Style Inheritance in React Native](https://www.builder.io/blog/implementing-css-style-inheritance-in-react-native) — Ever wonder why applying styles to a button’s text doesn’t work in React Native? The solution involves re-creating some of CSS’s cascading mechanisms. Sami Jaber (Builder.io Blog) [React 18 and Concurrent Is Out! Let Us Help You Make the Best of It](https://www.codeminer42.com/?utm_source=newsletter&utm_medium=react_status&utm_campaign=react18) Codeminer42 - Your Software Boutique sponsor [How to Build a Knowledge Base Powered by React and ButterCMS](https://buttercms.com/blog/build-a-knowledge-base-with-react/) Marval Ken (ButterCMS) [Little React Things: React Apps are Functions](https://www.zekehernandez.com/posts/react-applications-are-functions) Zeke Hernandez 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/ad5cymcbctkqbagtk2kg.jpg)](https://www.tremor.so/) [Tremor 1.4: The React Library to Build Dashboards Fast](https://www.tremor.so/) — Provides an array of modular components to build data-driven dashboards. [v1.4.0](https://github.com/tremorlabs/tremor/releases/tag/v1.4.0) adds a variety of controlled input components and extends existing components. Tremor Labs [Test Your React Components with Nightwatch and Testing Library](https://labs.pineview.io/test-your-react-components-with-nightwatch-and-testing-library/) — Component testing in [Nightwatch](https://nightwatchjs.org) has been refined with version 2.4 and support for testing React components has been significantly improved. Andrei Rusu [Tuple, a Lightning-Fast Pairing Tool Built for Remote Developers](https://tuple.app?utm_source=cooperpress&utm_medium=newsletter&utm_campaign=sponsorship-blitz&utm_content=React+Status_Brief+Link) Tuple sponsor [Zustand vs. Signals: Comparing React State Management Options](https://medium.com/@kevinschaffter/zustand-vs-signals-e664bff2ce4a) — Comparing one of the most trendy state management libraries—[zustand](https://github.com/pmndrs/zustand)—along with [Signals](https://github.com/preactjs/signals), a recent newcomer released by the Preact team. Kevin Schaffter - [visx 3.0](https://airbnb.io/visx/) ↳ D3-powered visualization components. - [Jotai 1.13](https://github.com/pmndrs/jotai) ↳ Simple and flexible state management. - [BoxSlider 2.2](https://github.com/p-m-p/slider) ↳ No dependency lightweight content slider. - [html-react-parser 3.0.7](https://github.com/remarkablemark/html-react-parser) ↳ Convert HTML strings to React elements. - [React Admin 4.7](https://github.com/marmelab/react-admin) ↳ Framework for B2B admin-panel frontends. - [Megadraft 0.8](https://github.com/globocom/megadraft) ↳ Rich Text editor atop Facebook's Draft.js. - [React Tooltip 5.4](https://react-tooltip.com/) Jobs [Software Engineer](https://www.stimulus.com/jobs/1539721e-7c7d-4f45-a5b0-17e5c02d7bd0) — [Stimulus](https://www.stimulus.com/jobs) is a social platform started by Sticker Mule to show what's possible if your mission is to increase human happiness. Join our engineering team. Stimulus [Find React Jobs with Hired](https://hired.com/join/?utm_source=newsletter&utm_medium=sponsor&utm_campaign=%28b2c%29%28l-all%29%28r-all%29%28cooper-reactstatus%29&utm_content=find-your-next-job) — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers. Hired This issue was curated by Terence C. Gannon and Peter Cooper and edited by the Cooperpress team. A **[Cooperpress](https://cooperpress.com/)** publication. [Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom