Creating an Interactive 3D 'Bulging Text' Effect with React Three Fiber

At the risk of seeming a little gimmicky, this is certainly a feature that would make your page stand out.. almost literally! - https://tympanus.net/codrops/2024/03/20/creating-an-interactive-3d-bulge-text-effect-with-react-three-fiber/

#react

How to Create Interactive Animations Using React Spring - https://www.sitepoint.com/react-spring-interactive-animations/

#react

State Managers Are Making Your React Code Worse - https://www.youtube.com/watch?v=VenLRGHx3D4

#react

Improve React Component Maintainability with Layered Architecture

Unlocking the Secrets to Building Scalable and Maintainable React Components - https://blog.bitsrc.io/improve-react-component-maintainability-with-layered-architecture-25e74ba86430

#react

React Server Components Now in RedwoodJS

If you thought RSCs were a Next.js phenomenon, think again. Implementations are popping up all over, such as in Waku and now RedwoodJS, a full-stack framework founded by GitHub co-founder Tom Preston-Werner that leans on React, Prisma and other technologies to provide a great DX ‘out of the box.’ This post digs deep into how RSCs are used and how they can supplant Redwood’s use of GraphQL. - https://redwoodjs.com/blog/rsc-now-in-redwoodjs

#react

Deploying a React SPA and Python Backend Together on Azure

Last week, we saw how to roll out a full stack React app on Azure using Azure Functions, but what if you want something more traditional/monolithic like a Python-powered backend? Azure App Service can help with that. - https://techcommunity.microsoft.com/t5/apps-on-azure-blog/deploying-react-spa-and-python-backend-together-on-the-same/ba-p/4095567

#react

How to Build a ChatGPT-a-Like with Clerk and AWS Bedrock

A thorough walkthrough whose focus is on the UI rather than the LLM/AI stuff behind the scenes which is taken care of by Amazon’s Bedrock service. Clerk handles the auth, while Next.js forms the base of the app. - https://conermurphy.com/blog/how-to-build-your-own-chatgpt-clone-using-clerk-aws-bedrock

#react

Using ReactToPrint to Generate a Printable Document

Use ReactToPrint to add a print feature to your React app while preserving your document’s neat, consistent appearance. - https://blog.logrocket.com/using-react-to-print-generate-printable-document/

#react

Flaky Tests in React: Detection, Prevention and Tools - https://semaphoreci.com/blog/flaky-react

#react

React Server Components in a Nutshell

A quick overview of RSCs that’s not focused around Next.js! Paul compares the approach taken by several frameworks before sharing his broader thoughts on the technology and why the small Waku framework is worth a look. - https://thenewstack.io/react-server-components-in-a-nutshell/

#react

Introducing Waku's “Pages Router”

Waku is an interesting minimal server-side React framework and it’s now also bringing a minimal API to the modern React server components era: “Making a Waku site is now as simple as making a few files and folders in the ./src/pages directory”.. - https://waku.gg/blog/introducing-pages-router

#react

Setting Up Storybook for React Components

How Dolt (love that name!) set up Storybook for their React component library including the use of Chromatic to test and review components. - https://www.dolthub.com/blog/2024-04-08-storybook-react-components/

#react

CSS in React Server Components

An exploration of compatibility issues between React Server Components and CSS-in-JS libraries like styled-components, including what some of your options are and what’s coming in future. - https://www.joshwcomeau.com/react/css-in-rsc/

#react

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. - https://www.youtube.com/watch?v=d5x0JCZbAJs

#react

Getting Your Codebase Ready for React 19

Is your app ready for what’s coming up in React 19’s release? A quick look at some of the anticipated changes so far. - https://thoughtbot.com/blog/get-your-codebase-ready-for-react-19

#react

Building an Interactive 3D Event Badge with React Three Fiber

A tutorial fresh out of Vercel covering how they implemented the virtual lanyard for their Vercel Ship conference site. - https://vercel.com/blog/building-an-interactive-3d-event-badge-with-react-three-fiber

#react

How to Manifest Streamlined Authentication: AWS Cognito in a React App - https://evilmartians.com/chronicles/how-to-manifest-streamlined-authentication-aws-cognito-in-a-react-app

#react

Did Signals Just Land in React  - https://thenewstack.io/did-signals-just-land-in-react/

#react

How I Built a Server-Side Cache with Express for React  - https://latitude.hashnode.dev/expressjs-react-server-side-cache

#react

The React 19 Beta

The React team can say this beta is designed to get library developers prepared for an eventual React 19 release, but that hasn’t stopped everyone digging into all the new features anyway - https://react.dev/blog/2024/04/25/react-19

#react