Best practices for using Styled Components

Plus Tailwind UI gains React and Vue support. |

#​235 — April 21, 2021 Read on the Web React Status ⚛️ Your weekly React news digest, every Wednesday An Introduction to Profiling React Apps — If you're ready to get to the heart of React rendering performance, you'll want to look at the Profiler API and this guide gets you started on the right path. Ovie Okeh Styled Components Best Practices for React Developers — There's not a single "right way" to use Styled Components for styling your components, says Robin, but there are still some best practices to keep in mind. Robin Wieruch Webinar: Benefits and Challenges of Migrating to React Native — Learn how the engineering team at J.B. Hunt adopted React Native on their Android and iOS apps. Hear their journey firsthand - considerations and goals for migration, lessons learned - in this free webinar. Register. Bugsnag sponsor On Building React Support for Tailwind UI — Yes, Tailwind UI now has React and Vue support and this is the detailed, inside story on the technical underpinnings of how it came together. Adam Wathan Goober's 'Great Shave Off' — In the seemingly never-ending quest for making goober the smallest and lightest CSS-in-JS library, they will pay you cold hard cash if you can make it even smaller. How much? How does a buck a byte sound? Certainly a novel approach! Goober The GAAD Pledge and React Native's Commitment to Accessibility — Back in May 2020, Facebook was the first company to take the GAAD Pledge, a committment to place accessibility at the heart of their applications. Here's an update on their progress with regards to React Native. Alexandra Marlette Jobs Enjoy Building Scalable Infrastructure in Go? Stream Is Hiring — Like coding in Go? We do too. Stream is hiring in Amsterdam. Apply now. Stream 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 🧑‍💻 Got a job listing to share? Here's how. 📘 Tutorials and Stories Five Key Lessons React Tutorials Don't Teach — The author enumerates and explains the important concepts which he feels receive short shrift from many React tutorials. Reed Barger Using React Components Written in JavaScript with TypeScript Code — Given the growing popularity of TypeScript, you may want to use this strategy for incrementally incorporating it into your existing project. Marcin Wanago Build, Deploy, and Update Applications Fast—All on the Cloud — Join OutSystems and AWS at our Cloud Innovation Summit May 11-12 to see how you can break away from the app dev status quo. OutSystems sponsor Implementing Instagram Photo Filters in React Native — Instagram took photo filters mainstream many years ago.. but what if you want a similar idea in your own apps? Chukwudi Ezichi ▶  Let's Learn Snowpack with Fred Schott — If you're getting a little weary of the less than stellar performance of bundlers like webpack, you may want to give Snowpack a try as discussed in this recent episode. TJ VanToll and Dan Wilson SolidJS — React Meets Svelte? — SolidJS can deliver many of the performance benefits of Svelte without asking the developer to abandon the React syntax with which they're familiar. Alex Merced Create an Image Modal with React and JavaScript — A concise, self-contained tutorial on adding this popular and intuitive UI feature to your app. John Au-Yeung 🛠 Code and Tools React Flow 9.5: Node-Oriented Applications Made Easy — We first covered this in 187 but a host of recent updates warrants taking another look at this library. (And, no, that's not 'node' as in Node.js, but node as in laying out workflows in the form of graphs.) Webkid react-markdown: Markdown for React Powered by Remark — With the pervasiveness of Markdown for text editing, it's probably in your app somewhere. This component lets you do live previews for your users. Check out the demo. Remark Beta Console: Live List of 100+ Developer Tool Beta Releases Console.dev sponsor Headless UI: Accessible UI Components for Tailwind CSS — Build components without worrying about their complex implementations while retaining the ability to style them as you see fit. Tailwind Labs Tabler Icons: 1250 Free MIT-licensed High-Quality SVG Icons — The icons for which you are looking really have to be in this comprehensive, free set. Finding the right one is a cinch with their search utility. Tabler ⚡️ Quick Bits: Interesting projects which you may have missed: React Idle Timer — Determine when your app is not being used. React Auth Kit — A simple solution for token-based authentication. React Alice Carousel — Content galleries, rotators and carousels. react-scanner — Scans code and extracts React components. ReactCardFlip — What's on the back of that photo? (Demos.)

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