#279 — March 9, 2022 |
|
|
⭐️ How to Upgrade to the React 18 Release Candidate — The full production release of React 18 is seemingly imminent: just out, the detailed documentation covering the upgrade to this week’s release candidate. The post also includes useful information about some of the major new features. Rick Hanlon and React Core Team |
|
'My Experience Building a Chess App in React' — The author describes himself as a self-taught, relative newcomer to React development. As a result, he describes his approach to this well-defined problem in terms that those at a similar point in the learning curve will find easy to understand. Fred Litt |
ButterCMS Melts into Your React App. #1 Rated Headless CMS — ButterCMS is your content backend. Enable your marketing team to update website + app content without needing you. Try the #1 rated Headless CMS for React today. Free for 30 days. ButterCMS sponsor |
|
Case Study: Moving from Next to Remix — We have covered Remix quite a bit over the last few issues. The first case studies from ‘the wild’ are beginning to come in. In this case, the author covers the rewrite of his personal site (which is where this article is hosted). Adam Collier |
|
A Look at Automatic Batching Support in React 18 — A handy performance improvement comes with React 18 in the form of automatic batching support for state updates. Check out this example. Akshay Mohite |
|
800+ Slides Covering Numerous React Topics — An interesting approach to sharing programming knowledge. Marko’s slides cover topics from beginner to advanced including the use of hooks, GraphQL, React Native, portals, testing, and more. A handy resource if you’re learning. Marko Knöbl |
|
|
How to Use Recoil for State Management in Your React Projects — It may be you have been using the Redux state management solution more-or-less by default. But the author asserts there are simpler alternatives. In this brief tutorial, he walks through the use of Recoil. Abdullah Adeel |
|
▶ Building an Interactive Map with Google Maps Platform and React — Another installment in our informal series where a relatable and concrete goal is tackled with React. But this one goes a little beyond simply displaying a map. It also uses that map to perform some simple, quantified geographic analysis. Leigh Halliday |
|
Unit Testing React Apps with Jest and Enzyme — If you have not yet fully committed to setting up a suite of automated tests for your project, this tutorial provides a focused, concise set of steps that will bootstrap your understanding of the basic concepts and then work through a specific example illustrating their use. Mineki Okada |
|
Theming React Native Applications with Styled Components — Styled components are (amongst other things) the technical underpinnings of implementing the light and dark modes which are almost expected with mobile apps, these days. This detailed, well-illustrated tutorial imparts what you need to know. Samaila Bala (OpenReplay) |
|
Profiling Next.js Apps with Parca
|
|
What It’s Like to Migrate a High-Traffic Website from Gatsby to Next.js
|
🛠 Code and Tools |
|
|
wavesurfer.js: A Simple Yet Fully-Featured Audio Waveform Visualization — Adding an audio waveform to your video or image content is an effective means of increasing engagement or usability. This library is a wrapper for the mature wavesurfer.js to enable its robust functionality to be used in your React app. Denis Bogdanenko |
|
Ultra: A Modern Streaming React Framework in Deno — Built around native browser features like ES modules, import maps, and web streams. The source of the project’s own Ultra-powered homepage may help you weigh up if you like its cutting edge approach or not. Omar Mashaal et al. |
|
Free Activity Feeds & Chat APIs for Qualifying Teams. Activate Today Stream sponsor |
|
Interweave: A React Library to Safely Render HTML and More — This library safely renders HTML without having to use Miles Johnson |
|
Jotai: Primitive and Flexible State Management for React — Uses an atomic model inspired by Recoil. Jotai |
|