React Folder Structure in Five Steps, 2022 Edition — The latest part of Robin’s attempts at updating his well regarded React resources to 2022 standards. Articles about structuring React apps are always popular and this one breaks the idea down into five steps going from the simplest of apps to more complex ones.
Robin Wieruch
New Sendbird React Chat UIKit SDK — Re-architected from the ground up, UIKit v3 offers modularized, more granular components for devs to build a custom UI fast. The new UIKit makes it faster & easier than ever to integrate chat into your web app.
Sendbird
Writing Redux Reducers in Rust — The Rust systems programming language is working its way into numerous JavaScript situations and this is a particularly interesting one: using Rust to write complex functions that are compiled down to WASM and used in a React/Redux app.
Arend van Beelen
Quick bits:
Front End Engineer (Remote) — Our profitable & growing startup is looking for experienced FE engineers who are interested in working on complex UX challenges. Sensor Tower
Find React Jobs with 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
Using a Hook to Detect Clicks Outside of a Component — When using a dialog or dropdown, you need to detect clicks outside the component so they can be closed when the user navigates away. Here’s a tutorial on how to create the required custom hook.
Robin Wieruch
Custom Hooks Demystified in Five Simple Steps — If you’ve been writing a lot of repetitive code, custom hooks could be the answer, asserts the author. He works through the refactoring process in a series of logical, easy-to-follow steps.
Rahul Suresh
How to Use a Proxy in Next.js — A proxy is used to act as a relay between clients and servers and can be easily implemented in Next.js apps.
Precious Luke
🛠 Code and Tools
Next SEO 5.4: Easier SEO for Next.js Projects — Focuses on the essentials for letting search engine spiders index your site properly like titles, meta tags, canonical URLs, through to Open Graph and JSON-LD metadata formats.
Gary Meehan
⚡️ Quick Bits:
react-arborist — A robust, fully-featured tree component. Take the demo for a test drive.
numeric-stepper — A numeric stepper component with neat micro-interactions.
rc-collapse — A collapsing content/accordion component.
