---
title: "The experience of moving from Enzyme to react-testing-library"
publication: "React Status"
issue: 139
published_at: "2019-05-22"
canonical_url: "https://react.statuscode.com/issues/139"
---

This week's React news       

#139 — May 22, 2019 

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

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1558480607/owzciiegrsx8c8okjztm.jpg)](https://www.joshwcomeau.com/posts/folding-the-dom/)   

[Folding the DOM: Using 3D CSS Transforms to 'Fold Up' Images](https://www.joshwcomeau.com/posts/folding-the-dom/) — The ‘trick’ to creating an image folding effect with CSS transforms is to have multiple identical images and then transform them separately. This is a great, interactive tutorial that’s based around React, although the underlying CSS principles are usable anywhere. 

Josh W. Comeau   

[My Experience Moving From Enzyme to `react-testing-library`](https://medium.com/@boyney123/my-experience-moving-from-enzyme-to-react-testing-library-5ac65d992ce) — A developer saw [react-testing-library](https://github.com/testing-library/react-testing-library) gaining traction and liked that it supported hooks out of the box, so he gave it a chance. Here, he reflects on why react-testing-library has _“changed the way I think about writing React tests.”_ 

David Boyne   [![\](https://copm.s3.amazonaws.com/16248012.png)](https://buddy.works/?utm_source=sscprs&utm_campaign=sscprs1704&utm_content=p) 

[Get the Fastest React Deployments. Get Started Free](https://buddy.works/?utm_source=sscprs&utm_campaign=sscprs1704&utm_content=p) — Unlike most Continuous Integration (CI) solutions, Buddy only re-builds the parts of your application that have changed and deploys your updates in seconds to any cloud. Start building better React apps faster with Buddy. 

Buddy sponsor   

[How to Handle Authentication in Modern React Applications](https://kentcdodds.com/blog/authentication-in-react-applications) — This doesn’t go into depth on the particulars of authentication but more how to handle rendering an app based upon authentication state. 

Kent C Dodds   

[The Future of React Router and `@reach/router`](https://reacttraining.com/blog/reach-react-router-future/) — React Router and @reach/router are merging with a backward compatible, new hook-based API. 

Ryan Florence   

“I have absolutely 0 plans to ever teach classes again at all.” 

___
[Kent C Dodds shares](https://twitter.com/kentcdodds/status/1130248262382809088) his opinion when asked whether or not to teach classes and hooks side by side.  

💻 Jobs  

[Senior Full Stack Developer, Sydney or Option to Work Remotely Across Australia](https://app.shortlyster.com/l/Tk3NTc) — We are expanding our team and range of products. Recruiting for a Developer with a passion in the server side and APIs who wants to be part of our work family. 

Compono   

[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 and Stories  

[What Does `react-beautiful-dnd` Cost to Maintain?](https://dev.to/alexandereardon/what-does-react-beautiful-dnd-cost-to-maintain-52e8) — _“By exposing maintenance information I hope to dispell the myth that open source projects lead to less total effort then private source. There are huge advantages in open source, but the cost of ownership is not one of them.”_ 

Alex Reardon   

[The Approachable Guide to `useReducer`](https://www.seangroff.com/useReducer/) — _“Hopefully reading this article shows how approachable and flexible `useReducer` is”_ 

Sean Groff   

[How To `useContext` With `useReducer`](https://hswolff.com/blog/how-to-usecontext-with-usereducer/) — This concludes a series Harry has been running on `useReducer`. 

Harry Wolff   

[📕 20 Patterns to Watch for in Engineering Teams](https://resources.gitprime.com/books/20-patterns/?utm_source=nl%28rs%29&utm_medium=email-nl&utm_campaign=nl%28rs%29) — Actionable insights to help you debug your development process with data. [Get your copy](https://resources.gitprime.com/books/20-patterns/?utm_source=nl%28rs%29&utm_medium=email-nl&utm_campaign=nl%28rs%29). 

GitPrime sponsor   

[Why You Should Render React on the Server Side](https://blog.logrocket.com/why-you-should-render-react-on-the-server-side-a50507163b79) — Client-side rendered React apps are great but having apps be rendered on the server can provide significant benefits. 

Muhammad Muhsin   

[How to Build a Tic Tac Toe App with TypeScript, React and Mocha](https://blog.bitsrc.io/build-a-tic-tac-toe-game-with-typescript-react-and-mocha-ce6f1e74c996) — Learn how to compose a tic-tac-toe app with React and TypeScript components. 

Josh Kuttler   

[Uploading Images to S3 from a React Single Page Application](https://www.koan.co/blog/uploading-images-to-s3-from-a-react-spa) — This is how one app does it without the images having to go via any other servers. 

Koan   

[Building an Animated Search Bar with React Native](https://heartbeat.fritz.ai/building-an-animated-search-bar-with-react-native-4a397b882f0a) 

Krissanawat Kaewsanmuang native   

[Uploading to Firebase Storage with React Native](https://medium.com/@joananespina/uploading-to-firebase-storage-with-react-native-39f4a500dbcb) 

Jo E. native  

🔧 Code and Tools  

[react-image-magnifiers: Responsive, Image-Magnifying Components for Mouse and Touch](https://github.com/adamrisberg/react-image-magnifiers) — If you have images like product photos or stock photography that users might want to occasionally see a little extra detail of, this could be useful. [Demos here.](https://adamrisberg.github.io/react-image-magnifiers/) 

Adam Risberg   

[React-Designer: Lightweight, Editable Vector Graphics in Your React Components](https://react-designer.github.io/react-designer/) — This isn’t entirely new but has just become maintained again. [GitHub repo.](https://github.com/react-designer/react-designer) 

Fatih Erikli   

[Grow Your Cloud Service Business with Manifold](https://www.manifold.co/partners?utm_source=newsletter&utm_medium=react_status&utm_campaign=may17) 

Manifold sponsor   

[Gestalt: React UI Components Supporting Pinterest's Design Language](https://github.com/pinterest/gestalt) 

Pinterest   

[An 808 Drum Machine Built using Hooks-Flavored React](https://github.com/joeshub/react-808) — No easily accessed demo, but here’s the code.. 

Joe Seifi   

[React Navigation: Routing and Navigation for React Native Apps](https://github.com/react-navigation/react-navigation) — [v3.11.0](https://github.com/react-navigation/react-navigation/releases/tag/v3.11.0) just came out. 

React Navigation         

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