Syntax’s Post

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

After figuring out how to set #cookies in #NextJS server actions, I was seeing the correct cookie names in my console, but they were being set with the wrong values. After spending a little time prodding the values in the #ExpressJS backend, I went back to the documentation for the cookies() function in Next. It turns out, I need to set the options deliberately from the server action as well (for instance, { httpOnly: true }). Getting there step-by-step! #jwt #ReactJS #fullstackdeveloper

Exploring Server Side Component State Management in Next.js 14 🌐 In my latest article, I dive into strategies for managing state in Server Side Components with Next.js 14. Server Side Components introduce unique challenges, but with features like unstable_cache and patched fetch, we can efficiently manage server-side state, reduce re-renders, and improve performance. From caching data to revalidation techniques, learn how Next.js 14 simplifies robust server-side rendering for more dynamic applications. #Nextjs #React #WebDevelopment #ServerSideRendering #JavaScript

20 different calls but all the same value? Sure! Composition sometimes is hard when you want to fetch a value once per request but use it in multiple places. Not anymore with React Server Components + cache() --- #react #webentwicklung #webdev #nextjs

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

Ever come across this error in Nextjs14 ?? It simply tells you are rendering a React Class Component in a Server Component,  React.Component and React.PureComponent only works in Client Components. To fix this just mark the component rendering the React Class Component as a Client Component by adding 'use client' at the top of the file. #nextjs

What can we do with React server actions? In yesterday'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

⭐ How to show a toast message with server actions in Next.js and shadcn? #nextjs #reactjs #tailwindcss

#3 React Server Components Misconceptions You don't need "use client" in every component that needs to be rendered on the client. When you import a Server component inside a Client Component, the server component is rendered as a client component. Also, all the nested components of that server component, are treated as client components, including their utilities and functions. Therefore, you only need to make the top-level parent component a "Client Component", then all the nested components are treated as a client component. In this example, we have a client component 'Home'. The Footer and Header are server components. Since they are nested from 'Home', they are treated as client components. #reactjs #nextjs #webdevelopment #FrontendDevelopment

It's time to embrace React Server Components. Don't deny reality... Here's why: 1. Enhanced server resource optimization 2. Reduces client-side JavaScript bundle 3. Large dependencies stay server-side 4. Speeds up initial page loading Next.js has already integrated Server Components as a standard feature...