---
title: "A Flexible, Type-Safe Routing Library"
publication: "React Status"
issue: 175
published_at: "2020-02-12"
canonical_url: "https://react.statuscode.com/issues/175"
---

This week's React news, links, and libraries       

#175 — February 12, 2020 

[Read on the Web](https://react.statuscode.com/issues/175)   React Status Your weekly React news digest, every Wednesday  

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/s5loemiqoggfzvtf54wp.jpg)](https://github.com/wellyshen/use-places-autocomplete)   

[use-places-autocomplete: A Hook for Google Maps Places Autocompletion](https://github.com/wellyshen/use-places-autocomplete) — If you have a location input field and you want to add powerful autocomplete features to it, the Google Maps Places API provides a possible solution. 

Welly Shen   

[Type Route: A Flexible, Type-Safe Routing Library](https://www.type-route.org/) — A flexible routing library with TypeScript support, designed with React integration in mind (indeed, it’s used in [React Router](https://github.com/ReactTraining/react-router)), but can be used with any framework (Vue, Angular, etc). 

type-route   [![\](https://copm.s3.amazonaws.com/613067a5.png)](https://www.telerik.com/blogs/building-a-fully-featured-react-form-component-kendoreact-form-example) 

[Building a Fully-Featured Form Component in React (Example)](https://www.telerik.com/blogs/building-a-fully-featured-react-form-component-kendoreact-form-example) — Creating forms in a React app can be tricky. An efficient way to manage all this is to use a third-party Form component. Read on to see how you can easily take care of the tedious aspects of building forms. 

Progress KendoReact sponsor   

[Downshift 5.0: Primitives to Build Accessible Input Components](https://github.com/downshift-js/downshift) — _“You need an autocomplete/dropdown/select and you want it to be accessible. You also want it to be simple and flexible to account for your use cases.”_ Here’s [an introductory post](https://kentcdodds.com/blog/introducing-downshift-for-react) and here’s [what’s new in 5.0.](https://github.com/downshift-js/downshift/releases/tag/v5.0.0) 

Downshift   

[How to Fix `"not wrapped in act(...)"` Warnings](https://kentcdodds.com/blog/fix-the-not-wrapped-in-act-warning) — An issue you might be running into when testing. There are a few reasons you’d be getting this warning but Kent’s here to help and breaks it down for us. 

Kent C Dodds   

[React Navigation 5.0: A New Way to Navigate React Native Apps](https://reactnavigation.org/blog/2020/02/06/react-navigation-5.0.html) — _React Navigation_ is a popular navigation solution for React Native apps and 5.0 is a _major_ refactoring with a new dynamic API. A must see for any RN users. 

Satyajit Sahoo and Michał Osadnik  

💻 Jobs  

[🦄 Unicorn Designer & Developer needed in Beautiful Norway](https://snowball.digital/careers/unicorn-designer-developer) — Excel in both design and frontend dev? Join us and implement with React. 

Snowball Digital   

[Find a Dev Job Through Vettery](https://www.vettery.com/tech?utm_source=newsletter&utm_medium=cooper-reactstatus&utm_term=tech&utm_content=grouped&utm_campaign=ad-77585) — Vettery is completely free for job seekers. Make a profile, name your salary, and connect with hiring managers from top employers. 

Vettery  

📘 Tutorials and Stories  

[Nullish Coalescing with React and TypeScript](https://www.carlrippon.com/nullish-coalescing-with-react-and-typescript/) — A very brief look at what nullish coalescing is and how it might be used in a React component. 

Carl Rippon   

[Deep Linking in React Native](https://arsfutura.co/magazine/deep-linking-in-react-native/) — ‘Deep linking’ is the idea of being able to navigate deep into a specific screen or state within a native app (e.g. a URL that takes a user in the browser to a particular item of content in your app), and you can bring this functionality to your React Native apps too. 

Natko Bišćan   

[ForwardJS Ottawa (May 26-29) Speakers Announced](https://forwardjs.com/ottawa/) — Topics include React/Redux, TypeScript, containers, design systems, static sites, scaling teams and monorepos. Join us. 

ForwardJS sponsor   

[How to Create Custom Hooks For Your Web Components](https://medium.com/@david.dalbusco/create-a-react-custom-hooks-for-your-web-components-f4319bb4bc35) — How to create a React custom hooks to bind your Web Components events with `useEffect`. 

David Dal Busco   

[Offering Subscriptions with In-App Purchases in React Native Apps](https://t.co/MTDr2h0jTP?amp=1) — How to integrate iOS in-app purchasing into React Native projects. 

Ross Bulat   

▶[Discussing using React with Scala.JS with Shadaj Laddad](https://corecursive.com/044-shadaj-laddad-react-and-scala-js/) — A 38 minute show that focuses on an often overlooked area of the React ecosystem, using it from languages that _aren’t_ JavaScript or TypeScript. 

CoRecursive Podcast podcast   

[Six Things I Wish I Knew About State Management](https://medium.com/@veeralpatel/things-ive-learned-about-state-management-for-react-apps-174b8bde87fb) — ..when I started writing React apps. 

Veeral Patel  

🔧 Code and Tools 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/s3oiwwkxu5krazl5lv22.jpg)](https://github.com/ganapativs/react-spectrum)   

[React Spectrum: Generate Colorful Text Placeholders](https://github.com/ganapativs/react-spectrum) — There’s [a demo page](https://react-spectrum.netlify.com/) that auto generates examples for you too. 

Ganapati V S   

[Bojagi: A Design Review Process for React Components](https://bojagi.io/) — We don’t often link to unreleased services, but this one might interest you if you’re a designer or work with designers and want to make the review process simpler. 

Bojagi   

[React Virtual Keyboard: A Customizable Keyboard Control](https://github.com/hodgef/react-simple-keyboard) — I’ve never quite seen the use for these (kiosks, maybe?) but this is one of the smoothest looking such components I’ve seen nonetheless. [Demo here.](https://franciscohodge.com/projects/simple-keyboard/demo-showcase/) 

Francisco Hodge   

[Axe Pro: Free Accessibility Testing Tool Created for Development Teams](https://www.deque.com/axe-pro-sign-up/?utm_source=react_status&utm_medium=sponsored&utm_campaign=brief_link) 

Deque sponsor   

[Ionic 5 Released: A Popular Webapp + Native Framework](https://ionicframework.com/blog/announcing-ionic-5/) — Ionic’s goal is to get you an app you can put on an app store _and_ the Web with a single shared code base, yet with adaptive styling to look native in each case. It was originally focused on Angular but now has [an official React integration.](https://ionicframework.com/docs/react) 

Brandy Carney   

[Data Table Component 6.3: A Flexible React Data Table Library](https://github.com/jbetancur/react-data-table-component) — Packed with features but easy to set up. Uses React 16.8+ and styled-components. [Demos here.](https://jbetancur.github.io/react-data-table-component/) 

John Betancur   

[react-fetch-hook: A React Hook for Conveniently using the Fetch API](https://github.com/ilyalesik/react-fetch-hook) 

Ilya Lesik   

[React Kanban: Yet Another Kanban/Trello-Style Board Library](https://github.com/lourenci/react-kanban) 

Leandro Lourenci   

[reactsweeper: A Basic Minesweeper Implementation in React](https://codesandbox.io/s/reactsweeper-pfcsd) — .. and TypeScript. I spent a fun five minutes doing a board. Code worth reading too. 

Nick Scialli         

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