Writing React in F#
#321 — January 11, 2023
➗ Mafs: React Components for Interactive Math — Build interactive, animated visualizations using declarative code with illustrative demos like bezier curves. The documentation is fantastic – check out how easy it is to make plots. Or just head to the GitHub repo.
Everything About React Concurrent ‘Mode’ — An in-depth, example-led exploration of Concurrent Mode (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.
React Authentication, Simplified — In this article, we lay out a new approach to authentication (plus access control & SSO) in React applications.
Data Binding in React — “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#’ — 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.
Safer String Props Using TypeScript’s 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.
Type-Safe React Query – It’s All About Trust — 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.
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)
Codeminer42 – Your Software Boutique sponsor
How to Build a Knowledge Base Powered by React and ButterCMS
Marval Ken (ButterCMS)
Little React Things: React Apps are Functions
🛠 Code and Tools
Tremor 1.4: The React Library to Build Dashboards Fast — Provides an array of modular components to build data-driven dashboards. v1.4.0 adds a variety of controlled input components and extends existing components.
Test Your React Components with Nightwatch and Testing Library — Component testing in Nightwatch has been refined with version 2.4 and support for testing React components has been significantly improved.
Zustand vs. Signals: Comparing React State Management Options — Comparing one of the most trendy state management libraries—zustand—along with Signals, a recent newcomer released by the Preact team.
↳ D3-powered visualization components.
↳ Simple and flexible state management.
↳ No dependency lightweight content slider.
↳ Convert HTML strings to React elements.
React Admin 4.7
↳ Framework for B2B admin-panel frontends.
↳ Rich Text editor atop Facebook’s Draft.js.
Find React Jobs with Hired — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It’s free for job-seekers.