#296 — July 6, 2022 |
|
|
The New Wave of React State Management — It wouldn’t be a complete React Status if there wasn’t something about state management 😁 This (quite lengthy) article gives a sweeping overview, along with some history and opinion on the way, rather than presenting the capabilities of a single tool or approach. Frontend Mastery |
|
▶ Five Clever Hacks for React-Query and SWR — One of React's most respected screencasters shows us how to go beyond the basics with the React Query and SWR data fetching libraries. Jack Herrington |
Are You Looking For a Really Fast React Table? — Then you should definitely see the performance of the KendoReact Data Grid that can handle hundreds of thousands of items. Easily set up your benchmarking test with the help of this article. Progress KendoReact sponsor |
|
Amplify UI for React Now Generally Available — Amplify is AWS’s offering intended to attract frontend and mobile development projects to their infrastructure by bundling various parts of it together with useful tooling. A significant part of that is Amplify UI, a collection of React components connected directly to the AWS cloud. Amazon Web Services |
|
How to Build, Test and Deploy a Bookstore App with React 18, Vite, and Netlify Functions — Brings together a variety of modern tools to practical ends, including getting an app online with serverless functions on the backend. Yevhen Kapelianovych |
|
▶ 'How I Built a Software Agency Website with Next.js and Tailwind' — Back in #293 we featured this curiously styled screencast series, and we’re happy to recommend another episode. It, too, features the sights and sounds of nature with no speech. It continues to be fascinating to see how someone else works. Takuya Matsuyama |
|
Quick bits:
|
|
|
Simple Example of Making a React Hook to Prompt Confirmation Before Action — Are you sure you really want to do that? Sometimes it’s worth asking. Isaac Kwok |
|
'Angular Without SSR is Faster Than Next.js with SSR. I Have The Data.'
|
|
How to Import SVGs in a React and Vite App
|
🛠 Code and Tools |
|
|
FlashList: Shopify's Fast React Native List Approach — Boasting multiples of performance beyond that of the standard React Native FlatList while promising an easy migration path, FlashList aims to be snappy on all platforms (yes, even lower-end Android devices). Shopify |
|
html-react-parser 3.0: An HTML to React Parser — Converts HTML strings into React elements on both client and server. Mark Xu |
|
Reassure: A Performance Testing 'Companion' for React Native — Automate React Native app performance regression testing on CI or a local machine. Callstack |
|
Retool — 10x faster internal tools sponsor |
|
react-local-toast — Provide feedback related to particular components rendered on the page as illustrated in their showcase. |
|
react-native-permissions — Unified permissions API for React Native on iOS and Android. |
|
react-fontawesome — The mature and well-regarded icon library and toolkit, now available as a React component. |
|
rc-progress — A progress bar component configurable for either line or circle layouts. |
|
⚡️ THE RAPID RELEASES ROUND React Page 5.0 – WYSIWYG editor control. |