~reactstatus | Bookmarks (13)

▶  From 0 to Production - A Modern React Tutorial — I’d be surprised if you’re not familiar with Theo, but if not, let’s just say he’s a popular developer YouTuber 😉 He may become even more popular thank to this video which, over three hours, covers modern React app development, complete with server components, Next.js, TypeScript, the Drizzle ORM, pnpm, and shadcn/ui.

▶  Supercharging Your Next.js App with Cloudinary Images and Video — Cloudinary is a paid service (we use it for our newsletter images!) but there’s enough code-wise here to keep it useful and interesting.

▶  Creating Epic Web Experiences Using Remix with Kent C. Dodds — Insights from Kent as to why he believes Remix stands out as a premier framework as well as other subjects such as his process for creating his widely attended courses.

▶  Expo Explained in 100 Seconds — If you’ve never quite grasped what Expo brings to the React Native table, Fireship quickly summarizes it here (in short, think of Expo as a higher layer of structure and tooling for building RN apps, along with libraries and components).

▶  Are You Retro Enough? A Text Adventure Engine Rebuilt in React — Posted a year ago, we only just stumbled across this fun video taking a look at yet another unusual use case for React. This is both a nice primer for the basics of text adventures (we appreciate not all of you are as old as us..) and then how the developer modelled...

▶  Five Application Killing React 'Anti-Patterns' — Jack asked his viewers to submit ways that bad practices and anti-patterns had popped up in their apps. He goes over some here and suggests some countermeasures and mitigations. (13 minutes.)

▶  How React Server Components Change Everything — “Server components completely alter how you write React code and in this video I will talk about all the difference between client and server components, what the pros and cons are, as well as when to use each one.”

▶  Gateway to React: The React.dev Story — One of the main participants in the reengineering of React's docs — now available at React.dev — provides an informative and entertaining backstory to the project.

▶  What is Remix Exactly? — As in Remix, the full-stack web framework. There's also much 🐦 more Remix goodness here.

▶  Ten Common Mistakes with the Next.js App Router — A twenty-minute presentation informed by discussions with “hundreds of developers and looking at thousands of Next.js repositories.”

▶  React Server Components From Scratch — “Alright, let’s build React Server Components totally from scratch.” Right from nothing, through building a simple Node-based server and working out from there. Ben is very engaging and does a great job of explaining things.

▶  React Server Components: The Good, The Bad, and The Ugly? — The VP of Product at Vercel analyzes the eponymously named article we featured last week.

▶  HTMX for React Developers in 10 Minutes — For small projects or one-off prototypes, HTMX can actually be a better fit than React. Here’s a short tutorial to help you validate this assertion.