Issue 175 - A Flexible, Type-Safe Routing Library (24)

reactsweeper: A Basic Minesweeper Implementation in React — .. and TypeScript. I spent a fun five minutes doing a board. Code worth reading too.

Ionic 5 Released: A Popular Webapp + Native Framework — 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.

use-places-autocomplete: A Hook for Google Maps Places Autocompletion — 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.

Building a Fully-Featured Form Component in React (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.

How to Fix "not wrapped in act(...)" Warnings — 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.

React Navigation 5.0: A New Way to Navigate React Native Apps — 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.

🦄 Unicorn Designer & Developer needed in Beautiful Norway — Excel in both design and frontend dev? Join us and implement with React.

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.

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.

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

How to Create Custom Hooks For Your Web Components — How to create a React custom hooks to bind your Web Components events with useEffect.

Offering Subscriptions with In-App Purchases in React Native Apps — How to integrate iOS in-app purchasing into React Native projects.

▶  Discussing using React with Scala.JS with Shadaj Laddad — 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.

React Spectrum: Generate Colorful Text Placeholders — There’s a demo page that auto generates examples for you too.

Bojagi: A Design Review Process for React Components — 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.

React Virtual Keyboard: A Customizable Keyboard Control — 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.

Type Route: A Flexible, Type Safe Routing Library — It’s not React specific but is designed to work well with it.

Data Table Component: A Flexible React Data Table Library — Packed with features but remaining easy to set up. Uses React 16.8+ and styled-components. Lots of demos here.

Downshift: Primitives to Build WAI-ARIA Compliant Enhanced Input React Components — “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.”

Find A Job Through Vettery — Vettery specializes in dev roles and is completely free for job seekers.