#357 — October 4, 2023 | Read on the Web |
✍️ Due to attending the AI Engineer Summit, there will be no React Status next week. We'll be back on Wednesday, October 18 - see you then! :-) __ Peter Cooper, your editor | Tailwind Next.js Starter Blog 2.0: A Starter Template for a Next.js Blog — This has been around a few years and has continued to be frequently updated and now uses the modern Next app directory approach along with server components – there's a full explanation of the updates here. Is there a live demo? Yes. The post we just linked to is hosted on an instance running this blog template ;-) Timothy Lin |
Next.js 13 vs Remix: A Case Study — No mere lightweight list of feature bullet points, but an extended dive into the similarities and differences between two worthwhile approaches. Prateek Surana |
Optimizing the Use of Emotion in React — Learn how to optimize your use of Emotion in React applications. Understand the tradeoffs and potential drawbacks of using Emotion, and discover strategies to improve performance. DEPT® Agency |
The Uphill Battle of Memoization — Two years ago, Dan Abramov wrote about things to do before you use memo() or usememo but Dominik goes a step further into exploring why memo shouldn't be your very first choice for performance optimizations. Dominik Dorfmeister |
IN BRIEF: -
An engineer at GitHub wrote about how she used Copilot Chat to help her build a prototype of a React app. Personally, I find this chat/'virtual pairing' approach more useful than Copilot's traditional 'autocomplete' approach. -
Remotion is a popular library for creating videos from React - did you know it has a bounty program? -
TypeScript 5.3 beta is now available.
|
Test Your React Libraries Locally with Yalc — Yalc simplifies the process of working with and 'publishing' packages entirely locally so you can try things out without publishing to a remote, and potentially public, registry. Andrew Israel (PropelAuth Blog) |
Exploring React Server Components and Actions with Next.js Hafsa Hayath |
That's Some Funky Stuff—Who's Going to Work on That? — Solving strange, complex problems in legacy codebases is our specialty. Let's make things more maintainable. Test Double |
Using GitHub Actions to Automate a React Native Workflow Youssouf El Azizi |
An Introduction to the New useEffectEvent Hook Gabriel Chinedu (Semaphore) |
react-markdown: A Component to Render Markdown Documents — A long standing, extensible, and safe way to render Markdown that uses its own virtual DOM. Now requires React 18. GitHub repo. Espen Hovlandsdal |
Craft.js 0.2: A React Framework for Building Drag and Drop Page Editors — It's a bold move to make the landing page for your project be a text editor itself, but we like it. GitHub repo. Prev Wong |
💻 Hired makes job hunting easy-instead of chasing recruiters, companies approach you with salary details up front. Create a free profile now.
🎟️ CityJS Berlin - 1-3 November. Hear Atila Fassina explain the React Rendering Patterns - use COMMUNITY discount code. |
|
nice-modal-react: eBay's Way to Manage Modals in React — A zero dependency way to manage modals in an idiomatically React way. You can play with some demos here. eBay |
ReactToPrint: Making React Components Printable — Provides a mechanism to let users print (yes, printing – though printing to PDF is also a thing) the contents of a component by popping up a new window and copying the styling across. There's a live CodeSandbox demo. Greg NB and Matthew Herbst |
React Native BLE PLX 3.0: Low Energy Bluetooth Library — 'Bluetooth Low Energy' is a technology used heavily in the wearable health and fitness peripheral space. This library opens up React Native integration with such devices (but, notably, not classic Bluetooth devices). Intent |
Neobrutalism: A React Component Collection — We're not sure so-called ne(o|u)brutalism is necessarily here to stay, but this component library is aligned with the trend which you'll probably have seen here and there. GitHub repo. Samuel Breznjak |
-
react-native-big-calendar 4.3 – A Google Calendar/Outlook-style full page calendar for React Native apps (above). -
react-inlinesvg 4.0.5 – Load inline, local, or remote SVGs into React components. -
next-translate 2.6 – Easy i18n for Next.js. -
Prism React Renderer 2.1 – Render Prism syntax highlighting to React elements. -
useFilePicker 2.1 – Hook to open the OS file selector. -
Vaul 0.7 – Unstyled drawer component. -
React Aria October 2023 -
React Native Geolocation 3.1
|
|