⚛️📝 New on Overreacted: JSX Over The Wire overreacted.io/jsx-over-the...
JSX Over The Wire — overreacted
Turning your API inside-out.
overreacted.io
Robin Wieruch
@rwieruch.bsky.social
React & Next.js • JavaScript & TypeScript • Freelance Full-Stack Web Developer • Technical Co-Founder • Father of 2 • GitHub Star
👀 React + AI 👇 Creating and receiving Structured Output from AI responses for a chatbot with OpenAI + LangChain in a React application.
👀 React + AI 👇 HTTP streaming AI responses for a chatbot with OpenAI + LangChain in a React application.
👀 React + AI 👇 MVP for creating a chatbot with OpenAI + LangChain in a React application.
The most well structured article I've read about fundamentals of web development! @rwieruch.bsky.social, thanks for sharing your knowledge. www.robinwieruch.de/web-applicat...
Web Applications 101
Everything you need to know about web applications in modern web development. You will learn about traditional websites, full-stack web applications, client-side and server-side rendering/routing, sin...
robinwieruch.de
🌠 Just released the JS Rising Stars 2024! risingstars.js.org/2024/en Thanks to our amazing Guest Writers: @rwieruch.bsky.social (React section) @danielroe.dev (Vue.js) @sebastienlorber.com (Build tools) @bacon.bsky.social (Mobile), @jherr.dev (State management)
2024 JavaScript Rising Stars
A complete overview of the JavaScript landscape in 2024: trends about frontend, fullstack and Node.js frameworks, React and Vue.js ecosystems, build tools, state management...
risingstars.js.org
👀 React 19 Insight The function signatures of server actions adapt depending on how they are used within a React form.
👀 React Insight How to approach server-side form validation with server-driven React while also being able to optionally add client-side form validation later.
👀 React 19 Insight Server Components won't eliminate waterfall requests, they only shift where these requests occur. As a result, using the correct data-fetching patterns remains just as critical in server-driven React applications as it has always been in client-side React.
Enrollment for the course is officially closed and I'm so grateful for the incredible response 😲 I'm relieved and excited to dive back in and finish up all the content! Thanks to all the developers who signed up. I can't wait to see how far we'll go together 🚀🚀🚀
Robin Wieruch@rwieruch.bsky.social · 2y ago🔥 We are live! I'm beyond excited to announce the early access of: The Road to Next 🎉 🎊 🥳 A comprehensive, self-paced video course for full-stack web developers, featuring React 19 and Next 15. www.road-to-next.com
👀 Feature-Based React Architecture In a growing application, it's easy for different domains to become intertwined. For example, in the UI, a Comment component can quickly end up inside a Post component, and a data-fetching function might be extended beyond its original purpose.
☄️ 94% of students choose the higher-tier option, combining the Developer + Engineer Journeys, rather than sticking to just the Developer Journey. The demand for advanced courses is incredibly high! But it's super hard to come up with an advanced course if you don't lay out the foundation first.
Robin Wieruch@rwieruch.bsky.social · 2y ago🔥 We are live! I'm beyond excited to announce the early access of: The Road to Next 🎉 🎊 🥳 A comprehensive, self-paced video course for full-stack web developers, featuring React 19 and Next 15. www.road-to-next.com
👀 The Road to Next Compared to all the pre-made Next.js starter kits out there, The Road to Next teaches you the knowledge to create your own from scratch.
🔥 We are live! I'm beyond excited to announce the early access of: The Road to Next 🎉 🎊 🥳 A comprehensive, self-paced video course for full-stack web developers, featuring React 19 and Next 15. www.road-to-next.com
The Road to Next
Master Full-Stack Web Development with Next.js 15 and React 19
road-to-next.com
👉 Around this time tomorrow (11 AM EST), I'll be launching The Road to Next 🎉 I couldn't be more excited, because it's the one thing that I worked on for 9 months. If you've followed me over the years, your support would mean the world 💛🤗 www.road-to-next.com
The Road to Next
Master Full-Stack Web Development with Next.js 15 and React 19
road-to-next.com
👀 React 19 insight Dealing with FormData will become inevitable in React 19. From extracting the data in a concise yet descriptive way to validating and typing it.
👀 React Insight I like to use kebab-case for all my files, even React components. Many freelance gigs have taught me over the years that kebab-case (or snake_case) is the most reliable way to handle file names across OSs with various case-sensitivity when sharing code with version control.
TIL about GitHub's sponsor exploration page! Such a cool way to find and support the creators behind the tools one relies on!
👀 React Observation There are multiple ways to fetch data in modern React: 👉 Server-Side 1️⃣ 👉 Client-Side 2️⃣ 1️⃣ React Server Components (RSC) 2️⃣ React Query (RQ) 1️⃣ + 2️⃣ RSC + RQ 1️⃣ + 2️⃣ React's use API (experimental) 2️⃣ useState + useEffect 2️⃣ tRPC (type-safe E2E)
👀 React 19 Observation JS .bind() is becoming popular again! What ended with Class Components in React reclaims its spotlight with Server Actions once more.
👀 React insight Organizing React applications beyond 100,000 lines of code 🫠 Folder structures in React tend to be a highly debated topic. Each year, I revisit and refine my approach to organizing React applications. Let's dive into this 5-step plan.
🤩 Tweet by Guillermo Rauch, creator of Next.js and CEO of Vercel, featuring my book The Road to React made my day. I hope "The Road to Next" will have a similar impact.
Excited to be here! Reminds me of the early Twitter vibes. Anyone else? 🙃
👀 JavaScript Insight Functions tend to evolve over time, often gaining more logic. What starts as a simple "fetch posts by a user" can quickly turn into "fetch posts by a user with specific search, sort, pagination, and other criteria." To address this, I've started using Options Objects 👇
I created a Bluesky Starter Pack! 🎉 It includes ~75 wonderful people in the web dev community who are doing inspiring work. I know I’ve missed some folks; I plan on adding to it over time. Starter packs are such a great idea. Immediately makes Bluesky feel less lonely for newcomers. 😄
👀 React Insight URL state is often overlooked. I implemented it in most of my freelance projects over the years, and it had always a big impact on the UX. Libraries for URL state give you: 👉 typed search parameters 👉 reading and writing to/from URLs 👉 both simple and complex data types
