--- title: "A case study of moving from Redux to hooks" publication: "React Status" issue: 133 published_at: "2019-04-10" canonical_url: "https://react.statuscode.com/issues/133" --- This week's React news #133 — April 10, 2019 [Read on the Web](https://react.statuscode.com/issues/133) React Status Your weekly React news digest, every Wednesday ![](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/xmgty3gfdaku1ivomebv.jpg) [From Redux to Hooks: A Case Study](https://staleclosures.dev/from-redux-to-hooks-case-study/) — A developer presents an interesting exploration of their experiences in using hooks on a project instead of Redux and how they feel _“it works only for specific types of applications”_. Sergey Ryzhov [React-Rails 2.5: Integrate React.js with Ruby on Rails Apps](https://github.com/reactjs/react-rails/releases/tag/v2.5.0) — Are you a React developer who likes a bit of Rails on the backend? React-Rails is for you and makes it easy to integrate React with the Rails asset pipeline, views, and controllers. [Docs here.](https://github.com/reactjs/react-rails#readme) React Community [![\](https://copm.s3.amazonaws.com/74529d0c.png)](https://blog.digitalocean.com/learning-graphql-by-doing/?utm_medium=display&utm_source=paid_newsletter_cooperpress_reactstatus&utm_campaign=Marketplace_Dev_Awareness_Cold_Cooperpress) [New to GraphQL? Learn by DOing](https://blog.digitalocean.com/learning-graphql-by-doing/?utm_medium=display&utm_source=paid_newsletter_cooperpress_reactstatus&utm_campaign=Marketplace_Dev_Awareness_Cold_Cooperpress) — Learn the basic concepts required for app developers to understand GraphQL and get started quickly with the Hasura GraphQL 1-Click App on DigitalOcean. DigitalOcean sponsor [react-redux 7.0 Released: The Official React Bindings for Redux](https://github.com/reduxjs/react-redux/releases/tag/v7.0.1) — Includes a new `batch` API for batched updates, their `connect` rewrapper has been rewritten to use hooks internally, and performance is improved by using direct subscriptions internally. Redux [Avoiding 'Shotgun Surgery' on Your Components](https://sid.studio/post/preparatory-refactor/) — If adding or fixing a feature in your code requires changes in several places at once, you need to beware of indulging in hard-to-debug ‘shotgun surgery’. Here are some ideas on make changes easier to digest. Siddharth Kshetrapal [react-accessible-accordion 3.0: An Accessible Accordion Component](https://github.com/springload/react-accessible-accordion) — The latest 3.0 release has much stronger WAI ARIA accessibility support (indeed, a full accessibility audit has taken place) and the project has migrated from Flow to TypeScript. [Demo here.](https://springload.github.io/react-accessible-accordion/) Springload ▶[The React Podcast](https://reactpodcast.com/) — A frequent podcast (2-4 times per month) oriented around 30-60 minute interviews with React developers, both famous and up and coming. Recent episodes include [Sara Vieira](https://reactpodcast.com/42), [Laurie Voss](https://reactpodcast.com/33), [Cassidy Williams](https://reactpodcast.com/40) and [Shawn Wang](https://reactpodcast.com/36). Michael Chan 💻 Jobs [Full Stack, Mobile & Infrastructure Engineers](https://we.are.expensify.com/apply) — Joining our team means you will be working in our fast paced environment and you are fearless of our next big challenge. Expensify [Find A React 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 specializes in tech roles and is completely free for job seekers. Create a profile to get started. Vettery 📘 Tutorials [Testing Stateful Function Components with `react-testing-library`](https://www.robertcooper.me/testing-stateful-functional-react-components-with-react-testing-library) — A comparison of a function-based component with a class-based approach and the different ways to test both. Robert Cooper ▶[A React + TypeScript Tutorial: Why and How](https://www.youtube.com/watch?v=0_C2X1yRRac) — A 29 minute introductory tutorial that might suit you if you prefer to learn by watching live coding in video form. Ahmed Hadjou [65% of Open Source Libraries Are Maintained by 1 or 2 People](https://codefund.app/publishers/?utm_source=newsletter&utm_medium=email&utm_campaign=cp-rs) — Most of them do this in their free time without pay. Our goal is to help sustain OSS through non-tracking, ethical ads. CodeFund sponsor [Named Routes with React Router](https://www.blogreader.com.au/blog/named-routes-with-react-router.html) Matthew Segal [How to Create an Accessible React Modal](https://levelup.gitconnected.com/how-to-create-an-accessible-react-modal-5b87e6a27503) — A step-by-step guide to creating an accessible and reusable modal component. Seif Ghezala 🔧 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/scladvpxjtf1f0bhz4ot.jpg)](https://docusaurus.io/) [Docusaurus 1.8: Easy to Maintain Open Source Documentation Sites](https://docusaurus.io/) — Powered by Markdown and React, this is an interesting tool from Facebook for powering open source docs. Facebook [React Live: A Production-Focused Playground for Live Editing React Components](https://github.com/FormidableLabs/react-live) — Version 2 is just out. Check out [the live demo](https://react-live.kitten.sh/) for an idea of how it works. Formidable [Get the Fastest Website Deployments. Ever.](https://buddy.works/?utm_source=sscprs&utm_campaign=sscprs0410&utm_content=bl) Buddy sponsor [React Scroll Parallax: Components to Create Parallax Scroll Effects](https://github.com/jscottsmith/react-scroll-parallax) — Uses a single scroll listener to add vertical or horizontal scrolling based offsets to elements based on their position in the viewport. [Here’s a basic demo.](https://jscottsmith.github.io/react-scroll-parallax-examples/examples/parallax-example/) J Scott Smith [Geolocation APIs for React Native](https://github.com/react-native-community/react-native-geolocation) React Native Community [reactstrap 8.0: Simple React Bootstrap 4 Components](https://github.com/reactstrap/reactstrap) reactstrap [React Native Firebase: A Firebase Implementation for React Native](https://github.com/invertase/react-native-firebase) — A well-tested feature rich Firebase implementation for React Native, supporting iOS and Android. 5.3.0 is just out. Invertase [use-clipboard-copy: A Lightweight Copy to Clipboard Hook for React](https://github.com/wsmd/use-clipboard-copy) Waseem Dahman 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