Refine: A React-based framework for data-intensive apps
#259 — October 6, 2021
REAVIZ 11.1: A D3.js-Based React Data Visualization Library — Definitely worth a look if you want to create elaborate charts and plots. From the same team as the REAFLOW Node-based diagramming library. GitHub repo.
React Native 0.66 Released — Highlights include support for Hermes 0.9.0, taps on views outside the parent, better support for Apple Silicon, iOS 15 and Xcode 13, along with new Bluetooth permissions for Android. As you would expect, there are also a small number of breaking changes.
How To Build an Interactive Dashboard with React (Tutorial) — Learn how to build a sleek-looking, interactive dashboard using the TileLayout. Check out all you can do with this deceptively simple component: drag, order and toggle dashboard widgets, create dynamically configurable tiles and more. Check it out.
Progress KendoReact sponsor
Refine: A Framework for Data Intensive Applications — Need both speed and flexibility? This zero-configuration framework is well-suited to admin panels, B2B applications and dashboards. Refine uses the Ant Design System (though support for other UI libraries is coming in due course) but derives its power by being strongly opinionated in regard to API networking, state management and authentication/authorization.
How to Build an Inline Edit Component in React — If you want to offer the ability for users to edit content ‘in place’ without navigating to a specific edit screen, this is for you.
React Philosophies: Simple, Practical, Easy-to-Follow Guidelines — This developer indentifies the seminal thinkers who impacted her careeer growth and then boils their respective philosophies down so they can easily be incorporated into your project.
React Developer at X-Team (Remote) — Join the most energizing community for developers and work on long-term projects for Riot Games, FOX, Sony, Coinbase, and more.
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.
Faster React Apps with Memoization — You have a sluggish React web app on your hands. How do you fix it? Nick looks at resolving a problem with excessive re-rendering here.
Syntax Podcast podcast
The Complete Guide to PropTypes in React — Not using TypeScript, yet want to realize at least some of the benefits of strong typing? Why not avail yourself of React’s built-in type-checking facility.
▶ Open-Source Documentation: Tales from React and React Native — In the talk she intended to present in person at React Finland 2021, Rachel makes the case for paying closer attention to that which is usually an afterthought in the open-source development process—all while wearing Finnish saunahattu.
🛠 Code and Tools
React Oxide: Add a Code Editor to Your React Project — It’s billed as a ‘minimal editor’ but it could likely do most of what you need, if you want a lightweight IDE-appearing experience, as illustrated in this short video or live demo.
Reactronica: Roll Your Own GarageBand? — It won’t likely do that, exactly, but it does a good job of illustrating the basic principles for “making music in the browser”. The DAW demo is quite impressive.
schummar-translate: TypeScript-Powered Translation — An interesting and seemingly more flexible (while possibly more labor intensive approach) to implementation of multilingual UIs.
EBS Design System: React-Based UI Toolkit for Enterprise Applications — Having been developed as a byproduct of many bespoke, enterprise-level projects for a wide variety of customers, this not-quite-released toolkit is still worth keeping an eye on.
React Native Header Views — A set of five time-saving header views which can also be used individually if your prefer.
⚡️ Quick Bits:
react-if — Render a component, but only under specified conditions.
next-cookie — A Next.js cookie serializer and deserializer.
react-hover — “Turn anything to a ‘hoverable’ object”
react-native-keychain — Just out in its eighth major release.