#211 Secret Powers of Chrome DevTools

sponsor

Get 40% off your Manning order

Looking to make your web apps shine? Whether you use React every day, or are looking to build up your web dev skills with the latest modern techniques, at Manning Publications we’re always looking for ways to help developers grow. To help, we’d like to offer you 40% off everything in our entire catalog, including the following selection of books and video courses! Just use the code reactdigest40 when you checkout to save 40%. When you click the Add to Cart buttons below, we’ll enter the coupon code for you automatically.

this week's favorite

Secret Powers of Chrome DevTools

Anushree gives tips on boosting productivity levels by looking at some of the lesser known time-saving features of Google Chrome's DevTools at the ReactJS Girls London Meetup on 25th June 2019.

Using Redux with React Hooks - Should You Though?

React Redux recently released version 7.1, which includes long awaited support for React Hooks. This means that you can now ditch the connect higher-order component and use Redux with Hooks in your function components, but should you? This post will take a look at how to get started using Redux with Hooks and then explore some gotchas of this approach.

Decoupling logic from react components

Whenever there’s a new React project, most frontend developers will fumble around with the basic configurations. Patterns of style implementation, component decoupling and folder structure will emerge - not always for the good. The worst part is that every single frontend dev I’ve ever seen will solve the biggest problem of them all, the business logic conundrum, in a different way. In an effort to create a standard to solve the domain layer issue at Labcodes, I’ve researched a bit and found a good and sustainable way to deal with requests and data processing. The end result: react-redux-api-tools.

React defaultProps is dying, who’s the contender?

After the React team announced Hooks, and pushed functional components as a “solution for all our problems”, this thought ran in my head, why should we use React’s defaultProps and not ES6 Default values for functional components? Then I found this RFC that pretty much says what the React core team thinks about the idea.

Component Story Format

Storybook 5.2 introduces Component Story Format (CSF), a new way to author stories based on ES6 modules. Component Stories are simple, easy to read, and decoupled from Storybook’s internal API so you can use them anywhere.

newsletters

Would you like to become a sponsor and advertise in one of the issues? Check out our media kit and get in touch.