⚡️ The Latest In React 

🎮️ Why Use React for Game Development?
React.js, primarily used for building UIs in web development, can be split into two parts: React and React-DOM, with React-DOM handling browser rendering. Interestingly, React has potential in game development too. One approach is using React to render game graphics, while another is employing it as a UI layer atop an HTML canvas game.

🎨 How Shadcn Became React’s Default Component Library
Measuring a library's popularity often relies on GitHub stars, despite being an imperfect metric. Still, Shadcn currently ranks as the third most-starred React component library, trailing behind Material UI and Ant Design. Unlike its competitors, which feel outdated, Shadcn is rapidly gaining traction. It offers components without being a traditional library, injecting them directly into your code without becoming a dependency.

💼 Looking for your next job? Express can help (ad)
Express Employment Professionals has put more than 10 million people to work in the last 40 years. Express has a wide variety of jobs available, in all industries. With flexible schedules, competitive pay, and access to a variety of benefits, what are you waiting for? Let ExpressPros help you land your next great job today. And the best part? They don’t charge any fees to help you find one.

🤔 5 differences between React server components and server-side rendering
React server components and server-side rendering, Both approaches aim to render React components on the server, but how do they actually differ? Here are 5 differences.

🖌️ The State of CSS 2024
This year's survey, with 9,704 developers globally, revealed some fascinating insights. In the US, about 64% of respondents earn $100k or more, while outside the US, only around 14% reach that level. It's a stark reminder of the income disparity for developers worldwide.

Quick Links

• An AI that builds React Landing Pages

• React library to upload files directly to s3

• React Native New Architecture is here

• React Compiler Beta Release

• An article on Efficient Typescript

The Best Repos to study React Code.

Recently, a user asked on the React Reddit, what are the best repos to study real-world code and understand how experienced devs structure their projects.

Yangshun Tay, one of the major contributors to the Docusaurus code base shared some really great suggestions.

• Jira Clone: github.com/oldboyxx/jira_clone

• Conduit: github.com/gothinkster/react-redux-realworld-example-app

• Real World App by Cypress: github.com/cypress-io/cypress-realworld-app

• Simorgh by BBC: github.com/bbc/simorgh

• AST Explorer: github.com/fkling/astexplorer

• Excalidraw: github.com/excalidraw/excalidraw/

• Spectrum: github.com/withspectrum/spectrum

• Sentry: github.com/getsentry/sentry

• Grafana: github.com/grafana/grafana

• GoAlert by Target: github.com/target/goalert

• CodeSandbox: github.com/codesandbox/codesandbox-client

• Calypso by Automattic: github.com/Automattic/wp-calypso

• Mattermost: github.com/mattermost/mattermost

• Webamp: github.com/captbaritone/webamp

In my latest video, we’ll build a complete authentication flow in Next.js from the ground up—no third-party auth libraries involved.

By creating our own, we’ll gain a deeper understanding of the mental model behind authentication and learn how to code each crucial piece of the process.

Check it out. 👇️