Spectacular React presentations

Plus how to choose a state management library. |

#231 — March 24, 2021 Read on the Web React Status Your weekly React news digest, every Wednesday Spectacle 7: A React and JSX-Based Presentation Library — Got a presentation coming up? Build your decks with JSX? A good way to get a feel for it is via the deck on its home page. Formidable React State Management Libraries and How to Choose — An overview of the best state management libraries and how to choose the right state management strategy for your app. Dave Ceddia What's the Best Way to Build Your Web Application: Infographic — A visual journey through one of the interesting crossroads developers find themselves at when building a web application: the approach we take to building the UI components. Which way to go: build our own components or buy a third-party UI library? Progress KendoReact sponsor Build Fast and Production Ready Apps with React and AWS Amplify — We first touched on this in 202 and 214 but thought that this detailed, well thought out tutorial warranted revisiting the subject. Yash Garudkar How to Build an Accordion in React from Scratch Without External Libraries — Sometimes you simply want to incorporate an existing component and not worry too much about what's going on under the covers. On the other hand, if you really do want to know how it works, you might want to start with a blank slate. Yogesh Chavan React Lazy Loading Component with lazy() and Suspense — If bundle size is dragging down your app's performance, here's how to use lazy() to dynamically load components as they're required. Jogesh Sharma 💻 Jobs Senior Software Engineering Consultant - [100% Remote]  — Co-founded by Justin Searls, Test Double is an engineering consultancy on a mission to improve the way the world builds software. Work on challenging projects with a collaborative, passionate team. 100% employee owned, contract and full-time roles available. TestDouble Find Your Next Job Through Hired — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers. Hired 📘 Tutorials and Stories Coming to React from Angular — The author's requirement to become conversant with React, after an extended period of using Angular, provides an opportunity to compare the two. So which does he prefer? Ian McNally React Image Loading Optimization Techniques — The first part of a multi-part series which might just be the definitive guide on the subject. Part two has also just been released. Rik van Velzen Clean APIs in React with TypeScript — We always like a tutorial which is anchored by an interesting case study. This time, it's the use of TypeScript within taggr which is enigmatically described as a way to "rediscover your memories while keeping your privacy". Alain Perkaz Serverless Image Transformation & Optimization in React Application — Learn how to resize, crop, add watermark, text overlay, automatically convert to WebP and AVIF format using ImageKit.io ImageKit.io sponsor The Advanced Guide to React Context with Hooks — Is Redux state management overkill for your small scale project? This tutorial illustrates how to replace it with Hooks and Context. Mustafa Alroomi Seven Best Practices for React Native Applications — For those just getting started in React Native development, these opinions represent a reasonable set of recommendations with which to start. Mohit How to Work with Intervals in React Hooks — If state does not appear to be working as you expect when using intervals, this tutorial explains why that is, in a simple and effective way. Florian Martens 🛠 Code and Tools supported by React95 3.7: Windows 95-Style UI Components for React — A fun set of Windows 95 themed UI components for React apps and built with styled-components. The latest release includes a bunch of new themes. Enjoy their very retro homepage. Artur Bień React Financial Charts: Candlesticks, Trendlines, and More — Forked off the long inactive React Stockcharts library, this modern update provides all of the financial visualization you could possibly imagine. Examples here. Reactive Markets SimpleR State: State Management for Minimalists — While we do recall others making a similar 'this is the simplest thing possible' claim, this library is still worth a look and a viable option. Arnel Enero Build Internal Tools Without the Fuss Retool sponsor Typed React Form: Type-Checked Form State Manager — Built from the ground up for the combination of React with TypeScript. Stijn Rogiest State Designer: Managing State as a Design Problem — While there are many state management solutions, we think this is the first time we've encountered it being approached in this way. Steve Ruiz ⚡️ Quick Bits: Interesting projects which you may have missed: react-lazy-svg — Automatically creates a sprite sheet for all SVGs. Gradient King — For those fed up with searching for gradients. React Nice Dates — Responsive and touch-friendly date picker. rc-input-number — Feature-rich number input component. React PIN Field — The increasing use of PIN codes for MFA makes this component pretty handy.

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