---
title: "How to Test React Components using Jest and Enzyme"
publication: "React Status"
issue: 107
published_at: "2018-09-28"
canonical_url: "https://react.statuscode.com/issues/107"
---

This week's React news       

#107 — September 28, 2018 

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

react status 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/y2s38tmbtjpdkw3cgddb.jpg)](https://medium.com/zynga-engineering/why-how-words-with-friends-is-adopting-react-native-b24a405f421c)  

[Why 'Words With Friends' is Adopting React Native](https://medium.com/zynga-engineering/why-how-words-with-friends-is-adopting-react-native-b24a405f421c) — After a spate of stories about how some apps were moving _away_ from React Native, it’s good to see a well thought through piece on why React Native makes sense for other apps - in this case, a popular Scrabble-esque mobile game. 

Zynga   

[How to Test React Components using Jest and Enzyme](https://blog.bitsrc.io/how-to-test-react-components-using-jest-and-enzyme-fab851a43875) — A bumper packed tutorial that covers both unit & integration tests on an example codebase. 

Linh Nguyen My   [![\](https://copm.s3.amazonaws.com/8c536cff.jpg)](https://frontendmasters.com/courses/complete-react-v4/) 

[⚛️ New Course: Complete Intro to React, v4](https://frontendmasters.com/courses/complete-react-v4/) — Learn to build real-world applications in React. Much more than an intro, you’ll start from the ground up all the way to using the latest features in React 16+ like Context and Portals. _We also launched a follow up course, [Intermediate React](https://frontendmasters.com/courses/intermediate-react/)._ 

Frontend Masters sponsor   

[Last Call for Create React App v2](https://github.com/facebook/create-react-app/issues/5103) — Create React App 2.0 is due imminently with [just one more round of testing to go](https://twitter.com/dan_abramov/status/1045661295759040512), so if you want to try it out ASAP, here’s how. Make sure to report any issues you encounter. If you just want to know _what_ will be in v2, there are draft release notes too. 

Facebook   

[A Simple React Cheatsheet](http://www.developer-cheatsheets.com/react) — A nicely formatted cheatsheet that covers basic code for things like higher order components, React Router, and basic components. 

Leon Gilyadov   

[A Practical Guide to Reusable Components](https://blog.bitsrc.io/reusable-components-in-react-a-practical-guide-ec15a81a4d71) — How to create a simple reusable React component, along with a few best practices involved in making better components. 

Rajat S  

💻 React Jobs  

[Mid-Level Front End Engineer @ HITRECORD (Full Time, Los Angeles)](https://hitrecord.org/jobs) — Our small dynamic team is looking for an experienced frontend developer to help build and iterate features for an open online community for creative collaboration. 

Hitrecord   

[Try Vettery](https://www.vettery.com/tech?utm_source=newsletter&utm_medium=cooper-reactstatus&utm_term=tech&utm_content=grouped&utm_campaign=ad-77585) — Create a profile to connect with inspiring companies seeking React devs. 

Vettery  

📘 Articles & Tutorials  

[Integrate Touch ID and Face ID to your React Native App](https://medium.com/react-native-training/integrate-touch-id-and-face-id-to-your-react-native-app-707e7db17edc) — Adding authentication using the user’s Touch ID or the new Face ID is easier than ever. 

Adhithi Ravichandran   

[Making Renders Faster with the React 16.5 Profiler](https://dev.to/dustinsoftware/making-renders-faster-with-the-react-165-profiler-f6f) — React 16.5 added support for new Profiling tools, here’s how they can help identify slow render performance. 

Dustin Masters   

[Build a Netflix Style Video Delivery Platform](https://developer.bitmovin.com/hc/en-us/articles/115001117733?utm_source=cooperpress&utm_medium=email&utm_campaign=react) — Play videos at the same quality & speed as Netflix & YouTube. API clients for all major languages. 

Bitmovin sponsor   

[Use the New Profiler in React Developer Tools to Generate Flame Charts and Interactions](https://elijahmanor.com/react-devtools-profiler/) 

Elijah Manor   

[Immutable Data with Immer and React setState](https://codedaily.io/tutorials/58/Immutable-Data-with-Immer-and-React-setState) 

Code Daily  

🔧 Code and Tools  

[React Component for Tippy.js, a Tooltip and Popover Library](https://github.com/atomiks/tippy.js-react) — [Tippy.js](https://atomiks.github.io/tippyjs/) is a popular, highly customizable JavaScript tooltip and popover library, and this React component makes it a lot easier to use in React apps. 

atomiks   

[React-Progressive-Loader: Load Images and React Components Progressively](https://github.com/yosbelms/react-progressive-loader) — Defer the loading of non-critical images and components if they are off-screen, Medium-style. Written in TypeScript. 

Yosbel Marín   

[react-accessible-accordion: An Accessible Accordion Component](https://github.com/springload/react-accessible-accordion) — [Demo here.](https://springload.github.io/react-accessible-accordion/) 

Springload   

[Choosing Between Redux and React’s Context API](https://blog.usejournal.com/choosing-between-redux-and-reacts-context-api-272ca20224b2) — One developer’s experience. 

Faiz Mohammed   

[Catch React Errors Before Users Do](https://rollbar.com/reactstatus) 

ROLLBAR sponsor   

[React Twitter Embed Component](https://github.com/saurabhnemade/react-twitter-embed) — An easy way to add Twitter widgets to your React project. 

Saurabh Nemade   

[react-smoothie: A React Wrapper for Smoothie Chart](https://github.com/cinderblock/react-smoothie) — [Smoothie Chart](http://smoothiecharts.org/) is for plotting _streaming_ or live data. 

Cameron Tacklind         

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