#133 — April 10, 2019

Read on the Web

React Status
Your weekly React news digest, every Wednesday

From Redux to Hooks: A 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 — 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.

React Community

New to GraphQL? Learn by DOing — 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 — 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 — 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 — 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.

Springload

▶  The React Podcast — 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, Laurie Voss, Cassidy Williams and Shawn Wang.

Michael Chan

💻 Jobs

Full Stack, Mobile & Infrastructure Engineers — 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 — 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 — 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 — 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 — 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

Matthew Segal

How to Create an Accessible React Modal — A step-by-step guide to creating an accessible and reusable modal component.

Seif Ghezala

🔧 Code and Tools

Docusaurus 1.8: Easy to Maintain Open Source Documentation Sites — 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 — Version 2 is just out. Check out the live demo for an idea of how it works.

Formidable

Get the Fastest Website Deployments. Ever.

Buddy sponsor

React Scroll Parallax: Components to Create Parallax Scroll Effects — 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.

J Scott Smith

Geolocation APIs for React Native

React Native Community

reactstrap 8.0: Simple React Bootstrap 4 Components

reactstrap

React Native Firebase: A Firebase Implementation for React Native — 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

Waseem Dahman