Creating React components with TypeScript

Plus a conversation with Guillermo Rauch on Next.js. |

#227 — February 24, 2021 Read on the Web React Status Your weekly React news digest, every Wednesday ▶  Discovering Next.js with Guillermo Rauch — A 35-minute interview with Guillermo Rauch, CEO and co-founder of Vercel, about the React-powered Next.js framework, its benefits for front-end engineers, and where its speed and quality benefits come from. There's a written transcript too if you'd prefer. Semaphore Uncut Podcast podcast How to Create React Components with TypeScript — While TypeScript still doesn't make up the majority of React-related code out there, it's nonetheless increasing in popularity and this tutorial aims to take away the 'fear' of using it by showing how a modest investment of your time can pay dividends in type-safety and autocompletion. Felix Gerschau The Definitive Guide to Feature Management — Feature management is a new class of software development tools/techniques powered by feature flags. A feature management platform like LaunchDarkly fills the gaps of conventional feature toggles. Learn the ins & outs of feature management today. LaunchDarkly sponsor Goober: A Less Than 1KB CSS-in-JS Solution — Lightweight yet feature rich, you can give their React-oriented interactive demo a try to see if it's a fit for your requirements. Cristian Bote Dependency Injection in React — Clear boundaries between components decouples your design and facilitates testing. Rani Zilpelwar ▶  React Native Radio: Tips & Tricks for the App Store and Play Store — As many mobile app developers know, there can be a significant gap between finishing your app and actually getting it released in the major app stores. Jamon Holmgren, Robin Heinze and Adhithi Ravichandran podcast 💻 Jobs Senior Web Developer (Node/ReactJS) - Remote — Millions get inspired and plan adventures with our apps. To help us make komoot.com the place to go to plan outdoor adventures, we're looking for a one of a kind Web Developer to join our team. Komoot 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 Timed Finite State Machines with React and XState — Starting with an easy-to-understand and well-illustrated example, the author introduces the functionality and value of timed finite state machines and then walks through their implementation. Altrim Beqiri Turn Google Sheets into a REST API and Use It with React — An easy way to eliminate the obstacles which have previously prevented getting all that Google Sheets data into your React app. Nishant Kumar On Prop Drilling — What it is, why it's good, why it's bad, and how to avoid common problems with it Kent C Dodds An Engineering Leader's Guide to OpenTelemetry Lightstep sponsor ▶  Intro to MobX Tutorial: Building a Simple Blockchain — Blockchain technology is seemingly everywhere and doing everything, so why not learn about it using the MobX you likely already know. Leigh Halliday Avoiding Race Conditions and Memory Leaks with useEffect — A succinct look at dealing with a couple of common pitfalls with the useEffect Hook. Saransh Kataria React Native Performance: Do's and Don'ts — Those new to React Native will appreciate the prescriptive recommendations of what to do and, just as importantly, what not to do. Aman Mittal 🛠 Code and Tools supported by Simple-Keyboard: A Virtual Keyboard for JavaScript Projects — Customizable, responsive and lightweight. Compatible with vanilla JS, React, Angular, Vue and more. Love the homepage on this one. Francisco Hodge React Currency Input Field Component — You can't completely internationalize your application without dealing with all the nuances of the way currencies are expressed and manipulated. Chun-Kit Chan A Better Way to Build Internal Tools — Build internal apps without the mundane, boring bits (wrestling with UI libraries or hacking together data sources and APIs). Retool sponsor rc-drawer: A Sliding Drawer Component — Documentation is quite sparse, but there's a handy Storybook collection of examples and with over 500k downloads a week it clearly has some draw… 😆 Alipay Fielder: Simply Another Form Library? — The author first addresses why there is a need for an alternative approach to forms (as compared to Formik, for example) and then defines the notion of a 'field first' approach. A short video introduction further explains the concept. Andy Richardson React Native Calendars — It's been a long time since we featured this popular library (2017, to be precise) so we thought it was high time we featured it again. Wix Engineering Eight Open Source React Native Projects to Check Out — If you learn best by looking at how other developer's have approached a problem, this is a neat set of React Native apps for which you can look at the source code. Mohit ⚡️ Quick Bits: Interesting projects which you may have missed: react-select-me — Customizable drop down control. (Demo.) accordion-collapse-react-native — Display it expanded or collapsed. react-text-transition — An eye-catching way of updating text.

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