#190 — May 27, 2020

Read on the Web

👍 Terence Gannon did such a great job as guest editor last week that we're handing the issue over to him again today 😁

React Status
Your weekly React news digest, every Wednesday

I Watched All 27 React Europe Talks So You Don’t Have To — I like this idea. Nobody wants to watch all videos from a single conference, so this useful breakdown by TJ can help you decide which ones you’ll most likely be interested in.

TJ VanToll

The Ultimate Roundup of React Form Validation Solutions — A look at some of the most popular solutions for form management and validation in React. Formik, Unform, Redux Form, React Form, and others.

Wern Ancheta

KendoReact Form Guidelines: Start Building Forms With Ease — The new Form Design Guidelines from KendoReact provide best practices for what UI components to use along with overall user experience guidelines and designs to create beautiful forms in every React application. Check out this great resource today.

Progress KendoReact sponsor

How Recoil is Meant to Rock Your React WorldRecoil has been used internally at Facebook (Facebook is a big place, so don't interpret this as being an endorsement from the React core team, for example 😁) for some time but they only recently decided to open it up for everybody, at least on an experimental basis. Here are the details of how it is both simple and flexible.

Marios Fakiolas

Notable Improvements to the Profiler in React DevTools 4.7.0 — This tweet thread from Facebook developer Brian Vaughn distills out the highlights from the changelog.

Facebook

The Company Behind Gatsby Has Raised $28M in Series B Funding — If you thought Gatsby was just a React-powered framework, no, it’s a company as well :-) They raised $15M last September but have now added to that. Quite a bold bet, especially as Gatsby “aims to become the backbone for 10% of websites and apps by 2030.”

David Jeans

React Rally and React Finland Go Online for 2020 — We’re happy to see React Rally 2020 will go ahead this year, albeit in appropriately socially distanced Cyberspace. This well-regarded conference has been running since 2015. Featured speakers this year include Maggie Appleton of egghead.io and Ryan Florence of Remix amongst others. Although not quite on the same scale, React Finland 2020 is also online (and free!) so mark it on your calendar as well.

React Rally and React Finland

💻 Jobs

React Developer at X-Team (Remote) — Join X-Team and work on projects for companies like Riot Games, FOX, Coinbase, and more. Work from anywhere.

X-Team

Find a Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started.

Vettery

ℹ️ Interested in running a job listing in React Status? There's more info here.

📘 Tutorials and Stories

A (Mostly) Complete Guide to React Rendering Behavior — Details on how React rendering behaves, and how use of Context and React-Redux affect rendering. There are a lot of concepts compressed into this article.

Mark Erikson

Add Granular Role-Based Access to Your Jamstack App with useAuth 0.7.0 — Many apps have simple admin vs. not-an-admin role-based permission. There are a variety of scenarios which require more fine-grained control. Here’s how to add them to your Jamstack app.

Swizec Teller

The Ultimate Guide to Container Formats: Decrypting Video Technologies — This is a comprehensive guide of the definitions & processes that you must know when working with back-end video stacks.

Bitmovin Inc. sponsor

In Defense of the Modern Web — Earlier this month, Tom MacWright wrote Second-Guessing the Modern Web. Not everyone agreed with Tom’s perspective. Here’s a spirited defense of that same modern web. Goes to show you can disagree without being disagreeable.

Rich Harris

Want to Build an App with React and GraphQL? A One Hour CourseGraphQL promises more efficient development than more traditional REST APIs. Skeptical? Take an hour to build an app with React and GraphQL and judge for yourself.

freeCodeCamp

Create a Full-Stack Yelp Clone with React and GraphQL — Now you might be ready to move on to a somewhat more ambitious test of your newly-acquired React/GraphQL skills. How about building a Yelp clone, for example?

freeCodeCamp

🔧 Code and Tools

React Animation Libraries for 2020 — A succinct review of five popular animation libraries to help you build beautiful, compelling UIs. The short, sharp descriptions make it easy to compare their strengths.

Shanika Wickramasinghe

13 React Native Templates to Kickstart Your App Development — The problem with templates for any kind of web development is there are so many from which to choose. So when somebody takes the time to go through the multitude of options and make informed choices, that’s worth a lot. Particularly when they bullet out the strengths of each one.

John Hughes

React Static 7.3: A Progressive Static Site Generator — 7.3 release notes available here.

React Static

Build Internal Tools in Days, Not Weeks

Retool sponsor

react-cosmos: Building Resuable UI Components at Scale — React Cosmos is intended to bridge the gap between UI designers and developers by creating a single repository for UI components. You can find a quick overview in React Cosmos 5 in 21 tweets. There is also a relatively recent SurviveJS interview with author Ovidiu Cherecheş which provides insight into the project’s ambitious objectives.

React Cosmos

Build a CRM with React? 'React Redux CRM' Will Get You Started — Now in its second major release, this pleasantly robust CRM is built with React, Redux & Material-UI. The demo provides a quick way to become familiar with its major features.

Harry Ho

react-shimmer 3.0: A Customizable Suspense-Like Image Component — Which can also provide a ‘shimmering’ image loading effect. Here’s a live code demo.

Gokcan Degirmenci