React Newsletter #207

React libraries in 2020, 33-line React, and converting a Redux app to Recollect


Hey all you cool cats and kittens.

Last week we asked what side projects you've been working on while quarantined. Below is a list of your responses. For this week's question, what are your favorite (underrated) React libraries?

Mine is SVG2JSX by Balaj.

Your side projects


Articles

React Libraries in 2020

This in-depth article from Robin Wieruch will give you an opinionated approach to select from complementary libraries (which he sorts into 25 helpful categories) to build a well-rounded React application.

33 line React

In this short post, Oliver Russell gives a simple explanation of the 4 things React does and builds the "smallest React-like thing" that does those 4 things, in this case a tic-tac-toe game (AKA knots and crosses).

Converting a Redux app to Recollect (how and why)

In this article, David Gilbertson (creator of Recollect) gives a brief overview of Recollect, a state management library for React. He explains how it differs from Redux and gives you an in-depth, step by step walkthrough of how to convert a Redux app to Recollect (and his pitch for why he thinks you should consider doing so).


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

storybook-addon-performance from Atlassian

This addon will help Storybook users better understand and debug performance for React components. It is still a work in progress and not on stable versions yet, but it looks like another great resource from the Atlassian team

Building a Full-Stack App with Serverless and React

Serverless Stack is a free resource to help you build full-stack, production ready Serverless applications. First, you'll learn how to build a note taking app using Serverless and React on AWS. Then you'll learn the best practices to run your app in production.

MutualAid.World | Organizing Covid-19 food delivery

This open source React web app is helping to connect vulnerable people who need food and supplies, with farmer's markets who have too much food but no way to distribute it. Consider giving your time to contribute to this uniquely impactful project.


Videos

Modulz demo with Max Stoiber

In this livestream, Pedro Duarte from Modulz gave Max Stoiber (and those watching) the first public demo of Modulz, a visual code editor that allows you to design, develop, document and deploy your design system without writing code.

Build a Pokemon App | React & GraphQL Tutorial For Beginners

In this hour-long video, Karl Hadwen will walk you through building a basic, beginner-level Pokemon application using React, GraphQL and Apollo. All of his examples feature the original 150 Pokemon, which the purists among us will appreciate.


made with ❤️ by ui.dev