--- title: "React Hook Form 7.0 released" publication: "React Status" issue: 233 published_at: "2021-04-07" canonical_url: "https://react.statuscode.com/issues/233" --- Plus a new series of videos from the React core team. | #233 — April 7, 2021 [Read on the Web](https://react.statuscode.com/issues/) React Status Your weekly React news digest, every Wednesday [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/o7nezh0tf3qpm0lobx2z.jpg)](https://react-hook-form.com/) [React Hook Form 7.0](https://react-hook-form.com/) — After two years of work, the latest version of this mature form library has dropped. It features strict typing, reduced package size and improved performance. Already a user? There's a [v6 to v7 migration guide](https://react-hook-form.com/migrate-v6-to-v7/) aimed specifically at you. React Hook Form ▶[React Labs: A New Series of Deep Dives into React Core Team Research](https://twitter.com/reactjs/status/1377731307929792522) — A new video series which—for the first time—provides first-hand insight into the [React Core Team](https://reactjs.org/community/team.html)’s research projects. The series kicks off with discussion of [React Server Components](https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html) which we first covered in-depth in [220](https://react.statuscode.com/issues/220) earlier this year. If, for some reason, you can't navigate the tweets in the main link, ▶️ [here's a direct link to the YouTube playlist.](https://www.youtube.com/playlist?list=PLzIwronG0sE59zqnXPDDZ8qYuGPvHeJMA) React Core Team [![\](https://copm.s3.amazonaws.com/f95dcfa9.jpg)](https://frontendmasters.com/courses/production-next/?utm_source=reactstatus&utm_medium=email&utm_campaign=nextjs) [New Course: Production-Grade Next.js with Scott Moss](https://frontendmasters.com/courses/production-next/?utm_source=reactstatus&utm_medium=email&utm_campaign=nextjs) — No matter if you’re making a blog, marketing page, or a full-stack app, Next.js has the tools you need. This detailed course runs through everything you need to build a production-ready, full-stack app. Frontend Masters sponsor [How to Read React Errors](https://daveceddia.com/fix-react-errors/) — A practical tutorial on how to make sense out of some of the more obscure React error messages. Dave Ceddia [Recoil 0.2 Released](https://github.com/facebookexperimental/Recoil/releases/tag/0.2.0) — Recoil is an alternative state management system being worked on at Facebook (though a different team to the React team itself). [More info here.](https://recoiljs.org/) Facebook Experimental [React Hooks for RxJS](https://github.com/LeetCode-OpenSource/rxjs-hooks) — Use hooks to interface with [RxJS](https://rxjs-dev.firebaseapp.com/guide/overview) observables for managing sequences of events. LeetCode Open Source 💻 Jobs [Wynter Is Looking for Developers to Join Its Research Panel](https://wynter.com/testers/join?utm_source=ReactNL&utm_medium=email&utm_campaign=researchpanel) — Give feedback on digital products and landing pages, get paid $15-$50 per survey. Low-key commitment, 10-15 mins per survey. Wynter Research Panels [Find React Jobs with Hired](https://hired.com/join/?utm_source=newsletter&utm_medium=sponsor&utm_campaign=%28b2c%29%28l-all%29%28r-all%29%28cooper-reactstatus%29&utm_content=find-your-next-job) — 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 [Making a React To-Do List with Redux Toolkit in TypeScript](https://t.co/ae6h8B1Lc5?amp=1) — We like it when a potentially abstract subject like state management is clearly illustrated with a concrete example. In this case, a tutorial which covers the use of [Redux](https://redux.js.org) to implement a to-do list. Brian Francis [The React Native Guide I Wish I Had: Environment and Stateless Components](https://blog.theodo.com/2021/03/react-native-ts-redux-guide-p1/) — This nicely complements the previous article as it takes many of the same ideas and adapts them to the React Native environment. Benjamin Gowers [The Ultimate Guide to Building a UI Component Library (Blog Series)](https://www.telerik.com/blogs/ultimate-guide-to-building-ui-component-library-part-1-plan?utm_medium=cpm&utm_source=reactstatus&utm_campaign=kendo-ui-react-blog-guide-building-component-library&utm_content=sponsored-link) — TJ VanToll shares tips learned from 10+ years of working with web UI components to help you create a component library. Progress KendoReact sponsor ▶[React Finland – Vodcast 2 – Accessibility](https://www.youtube.com/watch?v=jouctaXwpdU) — A super in-depth (~two hour) discussion of [a11y](https://www.a11yproject.com) issues with some surprising observations about how pervasive the need for more accessible applications has become. React Finland [Setting Up Chakra UI in a Next.js Project](https://overcompiled.com/blog/0002-nextjs-chakraui-start) — If the conversation above has inspired you to incorporate more a11y into your next app, [Chakra UI](https://chakra-ui.com) can be a wise choice compared to the alternatives as Chakra had accessibility designed in from the beginning. Nikit Singh [React Native Authentication Flow, the Simplest and Most Efficient Way](https://t.co/dceB2foy4X?amp=1) — Everything you need to know to implement authenticated access including connection to an authentication API, persisting that data and a mechanism for notifying your app of authentication state changes. Lucas Garcez ▶[React.js TypeScript Conditional Props](https://youtube.com/watch?v=vXh4PFwZFGI) — A benefit of [TypeScript](https://www.typescriptlang.org) is the ability to catch errors before you get to runtime using the notion of Conditional Props—they are only set when another property has a specific, pre-determined value. Bruno Antunes 🛠 Code and Tools supported by [![Okta\](https://res.cloudinary.com/cpress/image/upload/v1602154330/de7dtktheistsfpqdem4.png)](https://developer.okta.com/?utm_campaign=newsletter_cooperpress_all_multiple_inc_dev_sponsored-section_null&utm_source=cooperpress&utm_medium=cpc) [Figma to React](https://figma-to-react.vercel.app/) — If you have been taking advantage of [Figma](https://www.figma.com)’s collaborative design capabilities, you may want use this online tool to automatically convert that into React code. Vercel [react-gsap: Components for the GreenSock Animation Platform (GSAP)](https://bitworking.github.io/react-gsap/) — [GSAP](https://greensock.com/gsap/) is a popular animation system for the Web and this abstracts away its tween and timeline functions for use from React. Jan Fischer [React Tinder Card: A Component for Swipeable 'Tinder' Style Elements](https://github.com/3DJakob/react-tinder-card) — Of course, you don’t have to use this to create your own dating app, but for anything where you have a lot of ‘cards’ you want people to sort by swiping one way or the other. Jakob Unnebäck [Observability Won’t Replace Monitoring (Because It Shouldn’t)](https://go.lightstep.com/register-observability-replace-monitoring-co.html?utm_campaign=react&utm_source=cooper&utm_medium=Email) Lightstep sponsor [Split Grid: The Spiritual Successor to the Split.js Library](https://split.js.org/#/split-grid) — One of the better ways of optimizing the use of screen real estate is to split it into easily-resizable regions that can be adjusted on-the fly by the app’s users. Nathan Cahill [superplate: A Comprehensive Front-End Boilerplate](https://github.com/pankod/superplate) — It claims it’s the “front-end boilerplate with superpowers”. Even if that’s a stretch, at the very least it brings together a comprehensive suite of tools for your [Next.js](https://nextjs.org) project. Pankod [react-native-mmkv: WeChat's Key-Value Storage Framework for React Native](https://github.com/mrousavy/react-native-mmkv) — With a billion (that’s with a ‘b’) users, [WeChat](https://www.wechat.com)’s requirements for efficiency and bulletproof reliablity are self-evident. Now you can take advantage of that battle-tested capability in your React Native apps. Boasts being _"~30x faster than AsyncStorage."_ Marc Rousavy **⚡️ Quick Bits:** Interesting projects which you may have missed: - [react-cool-portal](https://github.com/wellyshen/react-cool-portal) — A hook for [Portals](https://reactjs.org/docs/portals.html). - [monaco-react](https://github.com/suren-atoyan/monaco-react) — Embed the editor used in VS Code into React. - [react-native-bouncy-checkbox](https://github.com/WrathChaos/react-native-bouncy-checkbox) — It’s bouncy and it’s a checkbox. - [ka-table](https://github.com/komarovalexander/ka-table) — A customizable, extendable and lightweight table component. - [react-native-popable](https://github.com/eveningkid/react-native-popable) — Popovers and tooltips for React Native. This issue was curated by Terence C. Gannon and edited by the Cooperpress team. A **[Cooperpress](https://cooperpress.com/)** publication. [Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom