#178 — March 4, 2020 |
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 |
💻 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 Josh W Comeau |
▶ Playing Around with 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 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 |