Скачать или смотреть Server Actions in next js - Next js 14 tutorial

This is the new next js 14 course for beginners. Follow this video and finish all parts of the next js 14 course tutorials.

In this tutorial video, we are going to see about using server actions. Why we need server actions? For this first we need to understand passing of data between components.

Passing data from client to client component then we can pass both serialize (string, numbers) and non-serialize data (functions). The same thing we can do for *server to server component*.

Passing data from *client to server component*, we are importing a server component in client, we should not import server component in client because first our server component will render then after only our client component will render. So when we import server component in client then it would require a new request back to the server and also sensitive information will be passed to client bundle.

But we want server component to use in client component then we can pass server component as children or prop to client component. Eg: In page (a server component), we import both client and other server component. Then in return we can wrap or pass prop as server component to client component. In this example, we should note that we are importing both client, server in server only i.e page. So our server component we are passing as children to client, will be rendered in the server only.

We can import client component in server component without any problem.

Passing data from *server to client component*, we can pass only serialize values, functions are not able to pass. So we need server actions to pass functions from server to client.

#nextjstutorial #nextjs14 #nextjs #nextjscourse #programming #webdevelopment #arulprakassam

00:00 Why server actions
05:05 Function level server action
06:08 Module level server action
06:56 Behavior of server action
08:40 Server Actions for form submission
12:35 error handling in server action
13:06 More hooks used with server action
13:58 Server action for non-form elements
14:49 Data mutation in server action

My social media handles:

LinkedIn -   / arul-prakassam  
Twitter -   / arulprakassam  
Facebook -   / arulprakassam  

You can also check my other channel    / @switch2knowledge