Ido Evergreen’s Post

React 19 Beta Version new Features Part 1. 1) Actions 2) useOptimistic 3) useActionState 4) useFormStatus 5) New API: use 6) React Server Components 7) Server Actions React 19 Beta: Link: https://lnkd.in/giRPK2bR React 19 Beta Upgrade Guide: Link: https://lnkd.in/gFgGu8AB Source: https://lnkd.in/gUHGMVpT

In React, "server components" and "client components" refer to a pattern where some components are rendered on the server side and others on the client side. This distinction is part of the Server Components feature which was proposed for future versions of React as an experimental approach to improve performance by reducing the amount of JavaScript that needs to be loaded on the client side. #ReactJS #ReactComponents #Frontend #Engineers #softwaredevelopment #QA

What is the server for React server components? It can be anything! Including Next.js, Remix, TanStack, and Vite. Today's episode #766 React Server Components: Form Actions + Server Actions - Discussion on using actions and form actions in React Server Components for calling server code from the client side without needing a separate API Watch the full episode https://lnkd.in/gwWKx3Ng #server #reactjs #vite #tanstact #reactserver #webdev #webdeveloper #nextjs #forms #servercomponents

A nice and helpful article by Josh Comeau, which effectively explains React Server Components, how they interact with our React application and how they work behind the scenes. https://lnkd.in/dVJXbnTy

⚡ 𝐁𝐮𝐢𝐥𝐝𝐢𝐧𝐠 𝐁𝐥𝐨𝐜𝐤𝐬: 𝐔𝐧𝐝𝐞𝐫𝐬𝐭𝐚𝐧𝐝𝐢𝐧𝐠 𝐍𝐨𝐝𝐞.𝐣𝐬 𝐒𝐞𝐫𝐯𝐞𝐫 𝐅𝐮𝐧𝐝𝐚𝐦𝐞𝐧𝐭𝐚𝐥𝐬 ⚡ 👉 From setting up a basic HTTP server to handling form submissions and parsing URLs, this article covers the essentials of Node.js development. https://lnkd.in/eyT8mSnZ

Using useFormStatus in Next.js 14 with Server Actions: When creating a form action in Next.js, it's crucial to provide visual feedback to users upon clicking the form submit button. This can be achieved by altering text or indicating a loading state, both of which can be done efficiently with the help of useFormStatus.

I love Next.js 14 and Server Action. Next 14 with APP DIR simplifies flow and coding comparing to Next.js pages directory Like Blazor Server simplifies flow and server calling comparing to Blazor Web Assembly

https://lnkd.in/g6S98c8V use client use server and now use cache react becoming a huge mess with tons of innovative ideas 😅, and now devs should spend their whole life to catch up with. btw, use cache is a complex technical paradigm. It scans thru an app tree to determine what node is serializable to be a part of chaining cached key. a long story to come, lets see what the react team will implement.

When and where should we use actions in React? Today's episode #766 React Server Components: Form Actions + Server Actions - Discussion on using actions and form actions in React Server Components for calling server code from the client side without needing a separate API Watch the full episode https://lnkd.in/gwWKx3Ng #server #reactjs #reactserver #webdev #webdeveloper #actions #servercomponents

A few months ago, after some researching and reviewing documents, I prepared an article for my teammates comparing and highlighting the differences between - Single Page Application (SPA) - Server-Side Rendering (SSR) - React Server Components (RSC) Now, I've decided to publish and share this article with you. I hope it's useful to you. #Reactjs #Nextjs #WebDevelopment