#​234 — April 14, 2021

Read on the Web

React Status
Your weekly React news digest, every Wednesday

Leva: A GUI Panel for React — A control panel that lets you set app properties via a nicely designed interface. Think useState but with a GUI.

David Bismut

Building React Applications Using Deno: The Definite Guide — If you’ve been wondering if you could build the next Next.js or create-react-app with Deno, the answer is a definitive yes. Here’s how.

Akash Joshi

Generating PDF in React: As Easy As 1-2-3 — A popular question in React communities is how to export HTML, or parts of your React application, to PDF. Carl is here to tell you that thanks to KendoReact, exporting any content in our React apps to PDF is as easy as 1-2-3. Check out the tutorial.

Progress KendoReact sponsor

▶  Vue Explained to React Developers in 6 Minutes — A neat high-level look at Vue.js from the React perspective. It’s always good to know what’s going on on the other side of the fence even if you’re not planning to go there.

Coding with Justin

Announcing react-pdf v2.0 — While it remains backward-compatible with v1, the new version of react-pdf is a complete reimplementation from scratch. It offers a new hook-based API, improved performance, SVG support, and support for more CSS properties including z-index and overflow.

Diego Muracciole

Hyperapp – Is It a Lightweight 'React Killer'? — There are lots of frameworks which aspire to chip away at React’s market position. After an ecosystem setback when breaking changes were introduced in v2, Hyperapp is back and its claimed benefits warrant another look.

Arek Nawo

💻 Jobs

Remote Full-Stack Software Developer Opportunity — Write Code that Matters. Faithlife is looking for Full-stack Software Developers who can help us build awesome web software. Join us as we make revolutionary technology for administration and discipleship for churches all over the world.

Faithlife

Find React Jobs with Hired — Take 5 minutes to build your free profile & start getting interviews for your next job. Companies on Hired are actively hiring right now.

Hired

📘 Tutorials and Stories

Export React Components as Images Using html2canvas — Complex data visualizations (combinations of graphs and tables) can be difficult to capture in a single screenshot. html2canvas works around this by building up a screenshot by reading DOM elements on the rendered page.

Matthew Croak

Rebuilding Our Jekyll Website with Next.js and Theme UI — Includes their thinking of why to choose Next.js over Gatsby.

Brandon Weiss

Three.js with React Hooks — In just seven easy and well-documented steps, add your first Three.js scene to your React project.

Mikael Petersen

Report: See Why Developers Spend 34% of Their Time on Internal Apps

Retool sponsor

Useful React Tips and Tricks for Beginners — We try not to lose sight of the fact that with each issue, there is a segment of the readership which is brand new to React. Here’s some help for those in the early stages of the learning curve.

Denis Homolík beginner

▶  Mocking APIs During Development in React — A walkthrough for decoupling front-end and back-end dev teams through the use of Mock Service Worker. It will take the place of your back-end APIs until the real ones are ready to go.

Leigh Halliday

Delay Dispatching Actions in Redux using Thunk Middleware

Amit Merchant

🛠 Code and Tools

react-spinners-css: A Pure CSS Collection — We first covered this way back in 155 in 2019 but we felt it warranted another look to see how it has come along since them.

Josh Kuttler

use-debounce 6.0: A Debounce Hook for ReactThis CodeSandbox lets you play with the basic idea.

Nikita Mostovoy

Free Chat & Activity Feed APIs for Qualifying Teams — Unlock enterprise-grade features, functions, and UI components completely free for your startup or side project.

Stream sponsor

CCY Icons: 330+ Meticulously Combed Currency Icons — The key to a clean and efficient UI is a consistent visual language: these currency icons render consistently and can be colored with the CSS color property.

Dominic Tobias

react-billboardjs: Billboard.js for React — The popular charting library made available for React—now in its third major release.

Tony Quetano

Next Page Tester: DOM Integration Testing for Next.js Pages — Given a Next.js route, this library will render the matching page in JSDOM, provided with the expected props derived from Next.js’ routing system and data fetching methods.

Andrea Carraro

d3-axis-for-react: Automatic Reference Marks for Scales — Why not let this library look after this tedious-but-essential part of your UI? The demo might help convince you.

Tom MacWright

⚡️ Quick Bits:

Interesting projects which you may have missed: