React-pdf v2.0, how to actually test UIs, and a guide to full stack Ethereum development
This week’s issue is sponsored by Codesmith.
Create highly optimized Node.js applications with “Node.js Under the Hood" - a new four-week live online course that covers the module pattern, events & streams, parallel work & child processes, asynchronicity & event loop, frameworks, and more. Special intro pricing of 47% off!
React-pdf is a React renderer for creating PDF files on the browser and server, created by Diego Muracciole. V2.0 has been in the works for a while, and it includes new SVG support, a new Hooks API, and support for a bunch of new CSS properties.
For this article, Varun Vachhar of the Storybook team researched 10 teams from the Storybook community about their testing strategy, methods, and tools. The article highlights the UI testing techniques used by scaled engineering teams at those large companies (including Twilio, Adobe, Peloton, Shopify, and more) to help you can create a pragmatic testing strategy that balances coverage, setup, and maintenance.
Dave Ceddia walks through how to fix one specific error in a React component and shows you how to approach fixing React errors in general. He goes over how to read a stack trace, how to interpret the text of the error, and ultimately how to fix it.
A good thread with a snarky first tweet (which we always appreciate) from Heather Buchel that includes five solid articles on different React concepts that are particularly helpful for beginners.
In this article, Iskander Samatov examines Compound Components, the popular React pattern for writing complex components that's now been adopted by most of the popular React UI libraries. Iskander discusses the older way of building compound components and the newer version that uses hooks and Context API.
In this in-depth tutorial, Nader Dabit demonstrates how to build full stack dApps with React, Ethers.js, Solidity, and Hardhat. Then he walks you through building, deploying, and connecting to a couple of basic smart contracts. Can't wait to invest in Nader-Coin someday! 💰
Prajwal Kulkarni walks you through how to design your own iMessage chat bubbles with JSX, React Native, and HTML & CSS.
XState Catalogue is a collection of professionally designed state machines you can drop into your projects. Created by Matt Pocock.
A new solution for building, maintaining, and managing dynamic templates using React and tools you know and love.
A React app that lets you create and share cheat sheets with markdown, browse cheat sheets made by others, and authenticate users. See it in action.
Interested in Vue but not quite ready for a full deep dive? Justin Brooks has you covered with this simple intro to Vue from the perspective of a React developer.