Nikhil S

Build your own RSC Framework - Part 1/n (Server Components) In this series of posts we explore building a minimal RSC framework. Part 1 covers adding support for server components

Hint: This router will only work in chrome currently. sorry firefox and safari users

I am very excited to get this out ASAP. Stay tuned 😉

If you want to follow along be sure to checkout the previous posts

www.nikhilsnayak.dev/blog/build-y...

www.nikhilsnayak.dev/blog/build-y...

In the next part of Build your own RSC framework we will be implementing a bleeding edge full stack router using two of my favourite APIs one from react and another from browser. There is one particular feature which Nextjs app router lacks that we will be implementing.

nikhilsnayak.dev/blog

Reddit comments

Posted my build your own RSC framework post on reddit and got this. People immediately think of SSR when they hear RSC. I don't know but things like this makes me sad as a RSC lover

No one is going to say it so I will: this feature was built by the people on the react team working at vercel. Next.js could have easily built this only for themselves, but instead they helped build it into react for everyone.

YouTube video by leerob MDX with Next.js App Router

New video: MDX with Next.js!

Learn how to combine the power of React components with markdown in the App Router. We also cover some of the built-in metadata features as well as CSS view transitions.

www.youtube.com/watch?v=34bR...

Understanding AI | Lee Robinson A brief overview on neural networks and language models.

If you're a developer interested in AI, but not as familiar with machine learning and neural networks, I wrote a post to demystify some of the common terms you might hear.

leerob.com/n/ai

I’m starting to hate AI.

Not because it’s bad or the technology isn’t fun, but because of the scams and grifts and baseless hype and over promising and under delivering.

Let’s build great things. Like actually great things, AI or not. 🙏

Introduction • The Joy of React Welcome, prospective student! This small collection of lessons is designed to give you a feel for my teaching style, and the way the content is structured. I hope it helps give you a sense of what the...

🏠 I’m having an Open House!

This has become a bit of a tradition for me. Every Black Friday, I select a couple of lessons from my courses and make them public for a few days. This way, potential students can test-drive the content and see if it’s a good fit for them!

The doors have just opened. 😄

This Week In React 211

Read/sub: thisweekinreact.com/newsletter/211

⚛️
- React Router
- TanStack
- Next.js
- moveBefore
- RSC
- Vite
- cb refs
- React Aria
- Ariakit
- Meteor
- Rslib
📱
- 0.77 RC
- Screens
- Legend List
- Rapier Wasm
- Testing Library
- BottomTabs
- Cali
- Nitro
- Solito

Many of you seemed to love this approach, so I decided to break it all down! 🚀
In my latest blog, "The AutoScrollList Component", I take you step by step to build the ultimate AutoScrollList from scratch.
👉 Give it a read: nikhilsnayak.dev/blogs/the-au...
Let me know your thoughts!

nikhilsnayak.dev/components/auto-scroll-list.tsx at main · nikhilsnayak/nikhilsnayak.dev Personal Portfolio. Contribute to nikhilsnayak/nikhilsnayak.dev development by creating an account on GitHub.

Source Code:
github.com/nikhilsnayak...

AutoScrollList.tsx

AutoScrollList🔥

- No useEffect / useRef tkdodo.eu/blog/avoidin.... Thanks to @tkdodo.eu

- Distinguishing between human and programmatic scrolling youtube.com/watch?v=3saF.... Thanks to @samselikoff.com

This Week In React 210

Read online & subscribe:
thisweekinreact.com/newsletter/210

⚛️
- React 19 RC1
- Next.js
- TanStack
- React IDE?
- MistCSS
- React Scan
- PayloadCMS
- React + TS

📱
- Expo Workflows
- Universal RSC
- use dom
- Yoga JSI
- Skia
- Turbo Haptics
- TV cookbook
- FastIO

I made the same app with 5 different stacks. It's the most work I've ever put into a single video. I'm biased, but I think it's a good one :) youtu.be/O-EWIlZW0mM

look, they fixed it

[React 19] Disabling prerendering siblings of suspended components breaking common pattern · Issue #29898 · facebook/react Summary I'm creating this issue to continue the discussion that spawned in the already merged PR (#26380) Several community members have raised concerns about this change and it has gained traction...

react@19.0.0-rc1 is out today with a replacement for sibling pre-rendering. Give it a try and maybe we can ship React 19 soon?

github.com/facebook/rea...

This fix for this is so slick: instead of reverting back to the old behavior where Suspense fallbacks have to wait for suspended siblings to render, the new feature commits fallbacks immediately, then schedules a render for the siblings after to "pre-warm" the lazy requests in the tree.

React is a programming language, and its rules are syntax

React is a programming language, and its rules are its syntax.

buildui.com/posts/react-...

its the future

performance pro tip. if some loading interaction is slow, try removing the spinner. sometimes a spinner makes things slower.

i don’t mean just perception-wise. spinners can actually eat CPU

Uncontrolled or controlled: A matter of perspective

✍️ New post: "Uncontrolled or controlled: A matter of perspective"

buildui.com/posts/uncont...

This Week In React 208

⚛️
- Compiler
- Next.js
- Docusaurus
- TanStack
- Actions
- nuqs
- StyleX
- Storybook
- next-link-validate
- uikit

📱
- React Navigation
- Shopify
- Nitro
- CocoaPods
- VisionCamera
- Reanimated
- Maestro
- BottomTabs

Read online or by ✉️
thisweekinreact.com/newsletter/208

State of React 2024 Take the State of React survey

React dev?

One week left to answer the community survey!

survey.devographics.com/en-US/survey...

Reminder that this is a thing: