/ReactJS

Selecting A React Component Library, The Strategic Way

- Brian Morrison tl;dr: Selecting a component library that looks good is easy - choosing one that sets your team up for success 3-4 months down the road is trickier. Our team prefers Radix and Chakra for their baked-in accessibility and extensibility, but other frameworks like MUI, Shadcn, and Blueprint are great options if you're looking to do less work upfront or have a more specialized use case. 

featured in #565

Securing Node.js Express APIs With Clerk And React

- Savannah Longoria tl;dr: Learn how to use Clerk with Express to authenticate API requests. Utilize the ClerkExpressWithAuth() and ClerkExpressRequireAuth() middleware to secure any endpoint and integrate authentication without the complexity of building it from scratch.

featured in #555

Building A React Login Page Template

- Kumar Harsh tl;dr: This tutorial guides you through building a React login page template, highlighting the process of manually creating, styling, and validating a login form, and integrating it with an Express-based auth server using JWT tokens. We demonstrate how Clerk acts as a streamlined alternative for setting up authentication, reducing the manual coding effort by providing ready-made UI components and services. 

featured in #498

React.js: The Documentary

tl;dr: “React.js: The Documentary brings you the full story behind the early days of React, focusing on the dedicated group of developers who helped bring it to the world stage. This story is told by an all-star cast of developers like Tom Occhino, Christopher Chedeau, Pete Hunt, Sebastian Markbåge, Dan Abramov, and many more.”

featured in #391

The Ugliest Pattern In React

- Sebastian Carlos tl;dr: "Maybe the ugliness is a virtue, since it encourages us to completely change the code to enable some of the better alternatives mentioned above — After all, “adjusting state in response to rendering” will always result in code that’s difficult to understand."

featured in #380

Top Interview Questions For Frontend Developers (React)

- Abhishek Raj tl;dr: Abhishek covers the following: (1) How would you optimize a slow React website? (2) How would you design a loosely coupled React App? (3) When do you use Redux Thunk & Redux Saga? (4) How to apply two way data binding? (5) What are synthetic events.

featured in #243

Freelance React Developer Checklist

- Robin Wieruch tl;dr: "Essentially this checklist makes your onboarding as a React freelance developer more seaming-less when entering a new project and team." Both sides need to talk through this checklist to get their requirements aligned.

featured in #238

The Plan For React 18

tl;dr: "When it’s released, React 18 will include out-of-the-box improvements (like automatic batching), new APIs (like startTransition), and a new streaming server renderer with built-in support for React.lazy."

featured in #233

Announcing Coinbase’s Successful Transition To React Native

- Harry Tormey tl;dr: "We want to share our deliberate and methodical process of testing and observing results, then upping the stakes with increasingly more impactful trials, as this approach was critical to the migration’s success." Harry discusses the transition from native development to React Native.

featured in #230

21 Best Practices For A Clean React Project

- Mohammad Faisal tl;dr: A good and bad way to approach 21 best practices, such as JSX ShortHand, ternary operators, object literals and more.

featured in #229