--- title: "A GraphQL client without queries, how to test custom React hooks, and more..." publication: "React Status" issue: 181 published_at: "2020-03-25" canonical_url: "https://react.statuscode.com/issues/181" --- This week's React news, links, and libraries #181 — March 25, 2020 [Read on the Web](https://react.statuscode.com/issues/181) React Status Your weekly React news digest, every Wednesday [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/pv1gkfztizgmjgehohze.jpg)](https://gqless.dev/) [gqless: A GraphQL Client without Queries?](https://gqless.dev/) — The ambitious idea is for you to _‘forget you’re using GraphQL’._ Instead, you [use the attributes](https://gqless.dev/docs/intro/what-and-why) of the underlying data in your views and queries are automatically generated to suit. An interesting approach at the least. [GitHub repo](https://github.com/samdenty/gqless). Sam Denty [How to Test Custom React Hooks](https://kentcdodds.com/blog/how-to-test-custom-react-hooks) — If you’ve begun writing your own custom hooks and want to build confidence that they’ll work as expected, you want to get started testing it properly. Kent works through how to go about it. Kent C Dodds [![\](https://copm.s3.amazonaws.com/a5554738.png)](https://www.telerik.com/kendo-react-ui-develop/campaigns/free-trial-react-grid-3/?utm_medium=cpm&utm_source=reactstatus&utm_campaign=free-trial-react-grid&utm_content=primary) [Powerful, Ready-To-Use Data Table to Help Build Your App Fast](https://www.telerik.com/kendo-react-ui-develop/campaigns/free-trial-react-grid-3/?utm_medium=cpm&utm_source=reactstatus&utm_campaign=free-trial-react-grid&utm_content=primary) — Tired of sweating over that Data Table? The KendoReact professional Data Table is one of the fastest, chock-full of features, and backed by a legendary support Data Table for React. [Check it out today](https://www.telerik.com/kendo-react-ui-develop/campaigns/free-trial-react-grid-3/?utm_medium=cpm&utm_source=reactstatus&utm_campaign=free-trial-react-grid&utm_content=primary). Progress KendoReact sponsor [Redux Toolkit 1.3: An Official, Opinionated Toolkit for Redux Development](https://github.com/reduxjs/redux-toolkit/releases/tag/v1.3.0) — Formerly known as _Redux Starter Kit_, Redux Toolkit helps you out of the boilerplate and setup quagmire that can blight heavy Redux usage. v1.3 adds two new APIs: `createEntityAdapter` to help manage normalized state, and `createAsyncThunk` to abstract common data fetching behavior. Learn more in this release post. Redux [Airbnb Transfers Ownership of Enzyme, Its React Testing Library](https://www.infoq.com/news/2020/03/airbnb-drops-ownership-enzyme/) — [Enzyme](https://enzymejs.github.io/enzyme/) is a React component testing utility originally built by Airbnb, but ownership has now been passed on to the broader community. This post shows off what Enzyme is about and puts out a call for help for the project. Bruno Couriol (InfoQ) [Babel 7.9.0 Released](https://babeljs.io/blog/2020/03/16/7.9.0) — A new minor release for the popular JavaScript compiler which includes updates related to `@babel/preset-env`, TypeScript 3.8, Flow, and JSX: "We also worked with the React team to provide a new JSX transform, which will make it possible for React and React-like libraries to further optimize the creation of JSX elements with the addition of the `jsx` function vs. `React.createElement`." [Nicolò Ribaudo](https://babeljs.io/blog/2020/03/16/7.9.0), member of the Babel team. 💻 Jobs [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 [React + Rails Experts — Join Our Bootsrapped Remote Team](https://careers.ideas.aha.io/ideas/new?preset%5Brole%5D=front-end-developer&preset%5Bteam%5D=engineering&preset%5Bdiscovered%5D=job-listing&utm_campaign=Front_End_Developer&utm_content=React_Rails_Engineer&utm_source=cooper_press&utm_medium=paid_ps) — Aha! is primarily a Rails application, but we are using React to make excellent interactive experiences on top of Rails. Aha! 📘 Tutorials and Stories [How to Create a Summer Road Trip Mapping App with Gatsby and Leaflet](https://www.freecodecamp.org/news/how-to-create-a-summer-road-trip-mapping-app-with-gatsby-and-leaflet/) — A very optimistic title, here! But Colby’s fingers are crossed we’ll be back on the road for summer and this is a well put together, easily accessible tutorial. There’s also [a seven minute screencast](https://www.youtube.com/watch?v=FkO8uggDEXY) to go along with it. Colby Fayock [Embracing Modern Image Formats: Leveraging Webp in HTML and React](https://joshwcomeau.com/performance/embracing-modern-image-formats/) — A thorough look at how using next-gen image formats along with the `` element can reduce image sizes dramatically. Josh W Comeau [Building Chat With React? Stream Chat Has You Covered](https://getstream.io/chat/react-chat/tutorial/?utm_campaign=react_status&utm_medium=promoted_newsletter&utm_source=react_status_promoted) — Have a look at our interactive chat tutorial in React and learn how to build with Stream Chat. Stream sponsor [Creating Sortable Tables with React](https://www.smashingmagazine.com/2020/03/sortable-tables-react/) — There’s a lot to moving parts to deal with if you have a table of data and you want to make it dynamic with a columnar sorting feature. Leaning on a third party library is one option, but what if you want to do it by hand? A solid tutorial, as you’d expect from _Smashing Magazine_. [End result demo / code](https://codesandbox.io/s/table-sorting-example-ur2z9?from-embed). Kristofer Giltvedt Selbekk [10 JavaScript Things New React Devs Need to Know](https://dzone.com/articles/10-javascript-things-new-react-devs-need-to-know) — Very much beginner level only, things like `filter`, fat arrows, and the ternary operator. Craig Oda [Five Practical Tips When Using React Hooks in Production](https://techblog.commercetools.com/five-practical-tips-when-using-react-hooks-in-production-990a79745229) Tobias Deekens 🔧 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/i6ewr8rbnsgcokxo6ars.jpg)](https://evergreen.segment.com/) [Evergreen: A React UI Framework](https://evergreen.segment.com/) — Polished React [components](https://evergreen.segment.com/components/) from buttons and text inputs to menus, side sheets and tables. We first linked this back in 2018 but it has seen some updates this year. Segment [Motion Layout: Create Immersive Animations using Shared Components](http://motion-layout.azurewebsites.net/) — The idea is that you can link components together to animate them when changing views. [GitHub repo.](https://github.com/jeffersonlicet/react-motion-layout) Jefferson Licet [React Data Grid: An Excel-Like Data Grid Component](https://adazzle.github.io/react-data-grid/) — Efficient and performant through ‘smart windowing’ of data. You can view and edit cells using a wide range of formatters and editors. Full keyboard navigation support too. v7.0 is in alpha. [GitHub repo](https://github.com/adazzle/react-data-grid). Adazzle [Faster CI/CD for All Your Software Projects Using Buildkite](https://buildkite.com/?pk_campaign=reactstatus-250320&pk_source=cp-reactstatus&pk_medium=newsletter) Buildkite sponsor [React Images 1.1: A Lightbox Component for Displaying Images](https://github.com/jossmac/react-images) Joss Mackison [React-Mouse-Blur: A Component to Introduce Cursor Motion Blur](https://github.com/Etesam913/react-mouse-blur#readme) — I’m scratching my head at the “why?” on this but.. maybe it’s an effect you would desire for some reason. Etesam Ansari [react-redux-firebase 3.3.0: Redux Bindings for Firebase](https://github.com/prescottprue/react-redux-firebase) — Supports Real Time Database, Firestore, and Storage. Scott Prue 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