Discussing React Fundamentals with Ryan Florence

This week's React news, links, and libraries

#178 — March 4, 2020 Read on the Web React Status Your weekly React news digest, every Wednesday The Perils of Rehydration: An Eye-Opening Realization about Gatsby and React — I really liked how the author explained this piece himself: "Last week, I learned a whole lot about how React's rehydration works. Wrote up those findings in a blog post!" Josh W Comeau Styled Icons 10.0: Popular Icon Packs Available As React Styled Components — Brings together over 13,000 icons from packs like Font Awesome, Material Design, and Octicons, available as React Styled Components. Jacob Gillespie Get Best in Class error Reporting for Your React Apps — Time is money. Software bugs waste both. Save time with Bugsnag. Automatically detect and diagnose errors impacting your users. Get comprehensive diagnostic reports, know immediately which errors are worth fixing, and debug in minutes. Try it free. Bugsnag sponsor React v16.13.0 Released — A new release of React but it's not a big one. There are some bug fixes but mostly a handful of new deprecation warnings to pave the way for the future React 17. So upgrade your existing React 16 apps and check how they fare. Sunil Pai ▶  Discussing React Fundamentals with Ryan Florence — A popular podcast meets with a popular React developer (Ryan is one of the creators of React Router) to talk about all things React. SE Daily podcast Redux in 2020: An Introduction to the Popular State Management Library — A curiously in-depth look at Redux, the popular state management approach, complete with diagrams. Also includes some data on Redux-related search and job trends. Mosh Hamedani 💻 Jobs React Developer at X-Team (Remote) — Work with the world's leading brands, from anywhere. Travel the world while being part of the most energizing community of developers. X-Team Find a Dev Job Through Vettery — Vettery is completely free for job seekers. Make a profile, name your salary, and connect with hiring managers from top employers. Vettery 📘 Tutorials and Stories An Approach to Persisting React State in localStorage — An approach to creating a custom hook to abstract away making preferences (such as common default form options) 'sticky' between uses. Josh W Comeau ▶  Playing Around with react-dnd — What you need to know for making a React app that supports drag and drop interactions. Mahmoud Shehata Building Chat With React? Stream Chat Has You Covered — Have a look at our interactive chat tutorial in React and learn how to build with Stream Chat. Stream sponsor Building an Accordion with React Hooks — A tutorial to build a reusable, hooks-based accordion component. Hitesh Kumar React TypeScript: A Collection of Basics and Best Practices — An up to date handbook/'cheat sheet' for working with React with TypeScript. Fernando Doglio Stop Using isLoading Booleans? — This is an opinion piece, and your opinion might legitimately differ, but Kent explains why he thinks using a status enum or a state machine will help your app stay bug free. Kent C Dodds 🔧 Code and Tools React Placeholder: Placeholders For Your Page While Content is Loading — There's a page of demos to see if suits you. Buildo Conference App in a Box: A React Native App for Conference Organizers — If you're running an event at a scale where you think it could do with its own mobile app, this app gives you some interesting options upon which to build. Nader Dabit React Hook Form: Simple, Extensible React Form Validation — There are a lot of great reviews for this library, plus it has a great homepage too. Certainly worth a look if you're building or refactoring forms. GitHub repo. Blue Bill Faster CI/CD for All Your Software Projects Using Buildkite Buildkite sponsor React Curved Arrow — Naturally, the homepage overuses the effect, but these dynamic curved arrows could be useful for drawing attention to page elements. Nick Janssen React Mosaic 4.0: A React Component Tiling 'Window Manager' — Provides an API to organize and tile React components across a view. A long standing project whose touch input support has improved over the past year. Demo here. Kevin Verdieck Edtr.io: A WYSIWYG Web Editor Written in React — Extensible and lean option on the WYSIWYG editors landscape for editing full web pages. Applicable elements are draggable and users can edit them in place. Edtr.io Consortium react-native-swipe-list-view: A React Native ListView Component with Swipeable Rows — If you've used Gmail on iOS, say, you'll be familiar with lists where you can swipe to do things like delete entries. Jesse Sessler 👀 Spotted on Twitter

A Cooperpress publication. Change your email address or Stop getting this newsletter © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom