---
title: "Reakit, a React UI toolkit focused on accessibility, goes 1.0"
publication: "React Status"
issue: 138
published_at: "2019-05-15"
canonical_url: "https://react.statuscode.com/issues/138"
---

This week's React news       

#138 — May 15, 2019 

[Read on the Web](https://react.statuscode.com/issues/138)   

React Status
Your weekly React news digest, every Wednesday 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1557922653/l2lasjtjggqw84pnxyly.jpg)](https://reakit.io/)   

[Reakit 1.0: A Toolkit for Creating Rich, Accessible React UIs](https://reakit.io/) — Diego quit his job a year ago to dedicate himself to this project which has now reached v1 - congrats! Strictly following WAI-ARIA 1.1 standards, Reakit provides accessible components covering UI elements like cards, popovers, headings, lists, labels, etc. 

Diego Haz   

[Building An Advanced Blog System in Gatsby](https://blog.significa.pt/advanced-blog-system-in-gatsby-16e0cd6b85ad) — This isn’t just your usual _“Hello, world”_ tutorial, it covers things you might want on a real world blog like pagination and categories. 

Danilo Woznica   [![\](https://copm.s3.amazonaws.com/39094318.png)](https://frontendmasters.com/courses/firebase-react-v2/) 

[New Course: Firebase 🔥 with React, v2](https://frontendmasters.com/courses/firebase-react-v2/) — Build full-stack applications leveraging your React skills on top of the Firebase platform. You'll get hands-on experience building a real-world application from the ground up and deploying it to the cloud. 

Frontend Masters sponsor   

[Deploying a Client-Side Rendered `create-react-app` App to Azure](https://css-tricks.com/deploying-a-client-side-rendered-create-react-app-to-microsoft-azure/) — If you have no interest in Azure, move on, but if you _do_, this tutorial really clears up a lot of tricky details about deploying a React app on the platform. 

Adebiyi Adedotun   

[Use Apollo? Like React Hooks? Support is in Beta](https://twitter.com/peggyrayzis/status/1128280687470100480?s=21) — `npm install @apollo/react-hooks@beta --save` is what you need. 

Peggy Rayzis on Twitter   

▶[Discussing Facebook's Development Practices with Nick Schrock](https://softwareengineeringdaily.com/2019/05/14/facebook-developers-with-nick-schrock/) — Software Engineering Daily is a _very_ popular developer podcast and it’s interesting to hear an ex-Facebook engineer (of some 8 years) talk about how Facebook’s engineering teams organize themselves. [Pete Hunt was also on a similar episode](https://softwareengineeringdaily.com/2019/05/13/facebook-engineering-with-pete-hunt/) earlier this week. 

Software Engineering Daily  

💻 Jobs  

[Front-end Engineer](https://goldstar.workable.com/j/807C23F97A) — Goldstar is looking for Front-end Engineers with React expereince onsite in Portland, Oregon and Pasadena, California. 

Goldstar   

[Find a React Job on Vettery](https://www.vettery.com/tech?utm_source=newsletter&utm_medium=cooper-reactstatus&utm_term=tech&utm_content=grouped&utm_campaign=ad-77585) — Vettery specializes in tech roles and is completely free for job seekers. 

Vettery  

📘 Tutorials  

[How to Scroll to Item in React?](https://www.robinwieruch.de/react-scroll-to-item/) — [scrollIntoView](https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView) is a DOM method that can be used to scroll a particular element into the viewport. 

Robin Wieruch   

[How to Create a Countdown Component with React](https://www.florin-pop.com/blog/2019/05/countdown-built-with-react/) — Could be useful if you’re building a site for a conference, wedding, or other similarly scheduled event. Hmm.. maybe even how long till our next issue! 😄 

Florin Pop   

[Build a Robust Real-World Frontend App Data Layer](https://www.bignerdranch.com/blog/react-data-layer/?utm_source=newsletter&utm_medium=CooperPress&utm_campaign=2019_05_React&utm_content=blog) — 8-part blog series. 

Big Nerd Ranch sponsor   

[How to Build a React Timer Component Using Hooks](https://upmostly.com/tutorials/build-a-react-timer-component-using-hooks/) — _“Building a React timer component is a great way to learn React, so let’s begin!”_ 

James King   

▶[The React Native Show #1: The New App Screen](https://www.youtube.com/watch?v=ImlAqMZxveg) — The first in a new series of videos focusing on developments with React Native. 

Christoph Nakazawa   

[A 2 Hour GraphQL Course for React Developers](https://learn.hasura.io/graphql/react/introduction) 

Hasura   

[Developing Our First PWA using React](https://blog.usejournal.com/developing-our-first-pwa-using-react-f75c9e9c9b43) — Very much an entry level tutorial. 

Taohidul Islam  

🔧 Code and Tools 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/clyrzgdbry2yy98fulea.jpg)](https://react-smooth-range-input.now.sh/)  

[React Smooth Range Input: Attractive Input Range Selectors](https://react-smooth-range-input.now.sh/) — A neat looking effect for selecting a number from a range. 

Blue Bill   

[Hotkeys Hook: A Hook for Using Keyboard Shortcuts in Components](https://johannesklauss.github.io/react-hotkeys-hook) — It uses [Hotkeys](https://github.com/jaywcjlove/hotkeys) behind the scenes. 

Johannes Klauss   

[Get the Fastest Website Deployments. Get Started Free](https://buddy.works/?utm_source=sscprs&utm_campaign=sscprs1505&utm_content=bl) 

Buddy sponsor   

[react-share: Social Media Sharing Buttons and Counts](https://github.com/nygardk/react-share) — Social media sharing may be a bit _passé_ in 2019 but if you need to offer it, this [looks](http://nygardk.github.io/react-share/) like a pretty clean approach. 

Klaus Nygård   

[Virtuoso: An Elegant Virtual List Component for React](https://github.com/petyosi/react-virtuoso) — [Live examples](https://virtuoso.dev/?path=/story/introduction--100-000-items) are available to play with. 

Petyo Ivanov   

[React Final Form: High Performance Subscription-Based Form State Management](https://github.com/final-form/react-final-form) — [Version 5](https://github.com/final-form/react-final-form/releases/tag/v5.0.0) came out just today and has been rewritten to use hooks, plus they’ve switched to [React Testing Library.](https://testing-library.com/docs/react-testing-library/intro) 

Final Form   

[reactjs-popup: A Simple React Popup Component](https://github.com/yjose/reactjs-popup) — A new release just dropped. 

Youssouf El Azizi         

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