Next.js 10.1

Plus getting started with D3.js from React for data visualizations. |

#232 — March 31, 2021 Read on the Web React Status Your weekly React news digest, every Wednesday Getting Started with React and D3.js — If you have been putting off incorporating D3 into your projects because of the visualization library's reputation for being difficult to learn, here's a well-paced (and somehow beautiful!) intro to get your efforts underway. Amelia Wattenberger Next.js 10.1 Released — In theory it's a minor release but there's lots that's exciting: faster refreshes, easier installation, Apple M1 support (for `next/image`), Shopify integration, custom 500 pages, and more. Vercel Free Chat & Activity Feed APIs for Qualifying Teams — The Stream Maker Account provides qualifying teams with full and free access to Stream's Chat and Activity Feed APIs, making them accessible to side projects and new startups. No credit card is required. Stream sponsor React Context for Dependency Injection, Not State Management — 'Don't think of React Context as "a way to manage React state". Think of it as "a way to manage React dependencies". When you have some bit of code that isn't necessarily dependent on React, consider extracting it and perhaps even injecting it with the React Context API.' Tommy Groshong How React Isn't 'Reactive' (and Why You Shouldn't Care) — The author defines reactive programming as "a declarative programming paradigm built on data-centric event emitters" and then goes on to explain why React really doesn't do that. Unsurprisingly, this one provoked a lot of comments. Ryan Carniato React Native 0.64 Brings the Hermes JavaScript Engine to iOS — Heretofore available only for Android, the new release of React Native makes the fast and efficient Hermes available on iOS as well. Includes tips on how to make the implementation easier. Sergio De Simone 💻 Jobs Find React Jobs with Hired — Take 5 minutes to build your free profile & start getting interviews for your next job. Companies on Hired are actively hiring right now. Hired 📘 Tutorials and Stories How to Improve Rendering Performance in a 1,000-Item React List — Pragmatic, prescriptive recommendations for efficiently handling large amounts of data on limited screen real estate. In related news, GitHub tried a React-based approach here for their log displays and ended up rolling their own vanilla library. Mohammad Faisal Tips for Typing React Components with TypeScript — A fan of Microsoft's TypeScript provides three specific cases why you should consider using it in your next React project. Maciek Wątroba Oktane21: Free Identity Conference Okta sponsor Passing Icons as Props in a Consistent Way Using React — If you have multiple developers working on a common codebase, here's a clearly defined method for handling icons so they appear in a consistent way in the UI. Ozzie Neher ▶  Getting Hooked On React — Part 2 — Hosts Allie, Emma, Kelly and Sydney engage in a very accessible and entertaining discussion on React at an intermediate level. If you're just starting out, you may want to listen to Part 1 before you start in on this episode. Ladybug Podcast podcast 🛠 Code and Tools Atomos: A New Recoil Visualization Tool Powered by React Flow — In addition to the stated real-time visualization, it also provides planning and debugging tools for Recoil state management. It's based on visualizations provided by the React Flow node editor and diagramming library. Cole Redfearn react-native-numpad: A Number Pad Component for React Native — Optimized for updating multiple number inputs. Has no dependencies and is JavaScript only with no native code. Chris Roth Spearmint.js: Generate React Tests Using a Simple GUI — We're in favor of anything that makes the necessary-but-tiresome task of creating a comprehensive test suite for your app a little easier. OSLabs A Better Way to Build Internal Tools — Build internal apps without the mundane, boring bits (wrestling with UI libraries or hacking together data sources & APIs). Retool sponsor next-i18next: The 'Remaining' i18n Functionality for Next.js — Did you know that only 28% of the world uses English to communicate? Here's some help getting to the other 72% of your potential users. Isaac Hinman ReacType 6.0: Your Favorite React Prototyping Tool Just Got Social — A quick introduction to ReacType's Dashboard, the new feature in 6.0 designed specifically to enable sharing ReacType templates. Elena Conn rc-table: A Mature, Robust Table Component — Now in its seventh major release. Demo here. Ant Design Callbag JSX: A Minimalist UI Library — This isn't React but looks and feels a lot like it. It uses a different approach under the hood in an attempt to get extra performance and may interest the more experimental among you. Eugene Ghanizadeh ⚡️ Quick Bits: Interesting projects which you may have missed: react-time-picker — To go with the date picker we featured last week, perhaps? react-tagcloud — Easy to configure 'word cloud' visualization component. react-spring-carousel-js — Recently improved carousel component with smooth, natural transitions. react-hotkeys-hook — Hook for implementing keyboard shortcuts. react-anchorme — Automatically detects potential links in text and converts them to links.

This issue was curated by Terence C. Gannon and edited by the Cooperpress team. A Cooperpress publication. Change your email address or Stop getting this newsletter © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom