Building React apps with Deno

Plus a newly reimplemented React PDF generator library. |

#​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 React — This 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: react-native-bootsplash — Show a splash screen during app startup. React Tilt — Create the illlusion of a three-dimensional display. react-simple-icons — Simple Icons packaged as a React component. React A11yDialog — Accessible dialog windows. React Google Places Autocomplete — Easily incorporate geographic place predictions into your app. react-functional-select — Like react-select but re-engineered for ultimate performance.

This issue was curated by Terence C. Gannon and edited by the Cooperpress team. A Cooperpress publication. Change your email address or Stop getting this newsletter © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom