The Tao of React

Plus migrating from Gatsby to Next.js, using React in the enterprise, and a block based content editor for React. |

#223 — January 27, 2021

React Status

Your weekly React news digest, every Wednesday

The Tao of React: Design, Architecture & Best Practices — There are no universal best practices, says the author, but there are certainly principles and attitudes that will take you a long way in productively building resilient React apps for the long term, and he shares quite a few of his findings here.

Alex Kondov

How We Improved Smashing Magazine's Performance — It's no secret Smashing Magazine is one of our favourite sources for high quality articles, so it's interesting to see how they've made it even quicker for you to consume their content by optimizing their React and Jamstack-based site.

Vitaly Friedman

Fast, Reliable Feature Management for the Modern Enterprise — LaunchDarkly is a feature management platform that empowers teams to safely deliver & control software through feature flags. By separating code deployments from feature releases, we enable you to deploy faster, reduce risk, and iterate continuously.

LaunchDarkly sponsor

AWS Is Creating a 'New Open Source Design System' with React — The Register has pieced together what has the potential to be a big React-related story. They highlight the @awsui/components-react npm package (there's nothing on GitHub yet) and correlate that with some scanty information released by AWS themselves. We're staying tuned to this story.

Tim Anderson

A Walkthrough of Migrating MaxRozen.com from Gatsby to Next.js — There's no shortage of "how to use Next.js" or "how to use Gatsby" articles but moving between them is both trickier and less commonly seen.

Max Rozen

'I Almost Got Fired for Choosing React in Our Enterprise App' — Back in 218 we featured Jack Lazaroff's No One Ever Got Fired for Choosing React. The author of this article seems to have come really close. Controversial.

Razvan Dragomir

💻 Jobs

React Developer at X-Team (Remote) — Join the most energizing community for developers and work on projects for Riot Games, FOX, Sony, Coinbase, and more.

X-Team

Find Your Next Job Through Hired — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers.

Hired

📘 Tutorials and Stories

How to Use useContext and useReducer with TypeScript — A lot of developers are falling in love with TypeScript and the extra structure and reassurance it brings to their work (particularly within team environments) and here's two full-cycle examples so you can judge for yourself.

Steven Creates

The Catch with React Hooks — While there are seemingly many articles on the benefits of hooks, articles that focus on their shortcomings are harder to find. The author identifies several and explains them in detail.

Steven Kitterman

Four Things I Learned About GraphQL from Eve Porcello — Eve Porcello gave us an awesome intro to GraphQL during a recent React Wednesdays Twitch show. Learn more in the blog.

Progress KendoReact sponsor

Using the Fetch API With async/await to Fetch Your Instagram Feed — Integrating an Instagram feed with the app you're building is common but keeping it up to date between builds requires some Fetch API sleight-of-hand.

Lars Behrenberg

How to Create a Favicon That Changes Automatically — It doesn't take a lot of JavaScript to make this trick happen. We also get to see how to wrap it up into a React component.

Carlo Martinucci

Excel Add-Ins in React — Some developers are surprised at just how much business is running on top of Excel spreadsheets and formulas. This article demonstrates how React can get involved.

Inter Caetera

Docusaurus's 2020 Recap: A Performant Static Site Generator — Docusaurus describes it as a "tumultuous" year, but even beyond why it was tumultuous for the rest of us. In any event, they're turning the page on 2020 with their year in review and refocusing their efforts with an all-new version (v2 is now in alpha).

Sébastien Lorber

🛠 Code and Tools

supported by

react-editor-js: Unofficial Editor.js Component for React — editor.js is a block-based content editor and this makes it easier to use with React. Check out the CodeSandbox demo.

Jungwoo An

MobX React Form 3.0: Reactive MobX Form State Management — Streamline form development by tightly integrating the necessary state management provided by the MobX you already know and love. Illustrated with a robust set of demos.

Claudio Savino

The Ultimate Guide to Cardinality for Observability

Lightstep sponsor

Uniforms: Automated Form Generation from Popular Schemas — Supports JSON Schema, GraphQL and SimpleSchema and theming with AntD, Bootstrap, Material-UI, Semantic UI and even plain old HTML.

Vazco

react-laag: Hooks to Build Tooltips, Dropdowns, and Popovers in React — See examples here.

Erik Verweij

API Platform Client Generator: Scaffold Fully Featured Apps from APIs — A generator to scaffold CRUD apps for APIs exposing Hydra or OpenAPI documentation.

API Platform

⚡️ Quick Bits:

Helpful libraries which you may have missed.