React Newsletter #200

CRA Redux template v1.0.0, useMutableSource, and why thinking in React isn't enough


News

useMutableSource by bvaughn

useMutableSource() enables React components to safely and efficiently read from a mutable external source in Concurrent Mode. The API will detect mutations that occur during a render to avoid tearing and it will automatically schedule updates when the source is mutated.

CRA Redux template v 1.0.0

You can use this template to set up a brand new create-react-app project that will be automatically set up with:

  • Redux Toolkit and React-Redux dependencies included
  • A Redux store configured and created
  • The React-Redux passing the store to your React components
  • A small "counter" example showing how to add Redux logic using Redux Toolkit and a "ducks" / feature-based structure, and using the React-Redux hooks API to interact with the store from inside your components.

Articles

Thinking in React isn’t enough

A quick read on how Ohans cleaned up some complicated React code at work using the Compound Components pattern.


Sponsor

React developers are in demand on Vettery

Vettery is an online hiring marketplace that's changing the way people hire and get hired. Ready for a bold career move? Make a free profile, name your salary, and connect with hiring managers from top employers today. Get started today.


Projects

Protip from Sophie Alpert

"That React Component Right Under Your Context Provider Should Probably Use React.memo"

react-hook-use-cancelable-thunk-reducer

Custom implementation of react hook useReducer that allows to dispatch thunk actions and will cancel all dispatched actions if the component is unmounted.

React Tiger Transition

Easy page transitions for react-router. Built with react-transition-group. Use the provided transitions or create your own.

Blitz ⚡️(Preview Only)

Introducing Blitz⚡️, a Ruby on Rails equivalent for monolithic fullstack React apps.

This radically improves the productivity of building React apps.

You can delete all your APIs, data fetching, client side state management & caching for most apps.

react-blog-github: React + Github Issues 👉 Your Personal Blog 🔥

React Blog is a personal blog system build on React that helps you create your own personal blog using Github Issues

fake-tweet

Lluis Camino's tweet React component will help you spread fake news like never before. With great power...

Hacker UI | a design system for developers

Hacker UI is an open source React design system, currently in early alpha stages. If you want to be involved in building a brandless, simple, responsive design system, the team is looking for contributors!


made with ❤️ by ui.dev