Server Actions āļāļāļ Next.js
Server Actions, useFormState, useFormStatus, mutations, āļāļēāļĢāļāļĢāļąāļāļāļĢāļļāļāđāļāļāļāđāļēāļ§āļŦāļāđāļē, āļāļēāļĢāļāļĢāļ§āļāļŠāļāļāđāļŦāļĄāđ
1Server Action āđāļ Next.js āļāļ·āļāļāļ°āđāļĢ?
Server Action āđāļ Next.js āļāļ·āļāļāļ°āđāļĢ?
āļāļģāļāļāļ
Server Action āļāļ·āļāļāļąāļāļāđāļāļąāļ async āļāļĩāđāļāļģāļāļēāļāļāļāđāļāļīāļĢāđāļāđāļ§āļāļĢāđāđāļāđāļēāļāļąāđāļāđāļĨāļ°āļŠāļēāļĄāļēāļĢāļāđāļĢāļĩāļĒāļāđāļāđāđāļāļĒāļāļĢāļāļāļēāļ component Client āļŦāļĢāļ·āļ Server āđāļāđ āļĄāļąāļāļāļąāļāļāļēāļĢ mutations āļāđāļāļĄāļđāļĨ (POST, PUT, DELETE) āđāļāļĒāđāļĄāđāļāđāļāļāļŠāļĢāđāļēāļ API route āļāļĒāđāļēāļāļāļąāļāđāļāļ Server Actions āļāļģāđāļŦāđāđāļāđāļāļāđāļēāļĒāļāļķāđāļāđāļāļĒāļŦāļĨāļĩāļāđāļĨāļĩāđāļĒāļāļāļēāļĢāļāđāļģāļāļąāļāļāļāļ API route + āļāļēāļĢāđāļĢāļĩāļĒāļ fetch āļāļąāđāļ client
2āļ§āļīāļāļĩāļāļĢāļ°āļāļēāļĻ Server Action āđāļāđāļāļĨāđāđāļĒāļāļāļ·āļāļāļ°āđāļĢ?
āļ§āļīāļāļĩāļāļĢāļ°āļāļēāļĻ Server Action āđāļāđāļāļĨāđāđāļĒāļāļāļ·āļāļāļ°āđāļĢ?
āļāļģāļāļāļ
āđāļāļ·āđāļāļŠāļĢāđāļēāļ Server Action āđāļāđāļāļĨāđāđāļĒāļ āđāļŦāđāđāļāļīāđāļĄ directive 'use server' āļāļĩāđāļāđāļēāļāļāļāļāļāļāđāļāļĨāđāđāļĨāļ° export āļāļąāļāļāđāļāļąāļ async āļ§āļīāļāļĩāļāļĩāđāđāļāļ°āļāļģāđāļāļ·āđāļāļāļēāļĢāļāļģāļāļĨāļąāļāļĄāļēāđāļāđāđāļŦāļĄāđāđāļĨāļ°āļāļēāļĢāđāļĒāļāļāļ§āļēāļĄāļĢāļąāļāļāļīāļāļāļāļ āļāļēāļāļāļąāđāļāļāļąāļāļāđāļāļąāļāļŠāļēāļĄāļēāļĢāļ import āđāļāđāļēāđāļ component Client āļŦāļĢāļ·āļ Server āđāļāļāđāđāļāđ
3āļāļ§āļēāļĄāđāļāļāļāđāļēāļāļĢāļ°āļŦāļ§āđāļēāļ Server Action āđāļĨāļ° API route āļāļ·āļāļāļ°āđāļĢ?
āļāļ§āļēāļĄāđāļāļāļāđāļēāļāļĢāļ°āļŦāļ§āđāļēāļ Server Action āđāļĨāļ° API route āļāļ·āļāļāļ°āđāļĢ?
āļāļģāļāļāļ
Server Actions āļŠāļēāļĄāļēāļĢāļāđāļĢāļĩāļĒāļāđāļāđāđāļāđāđāļāļĒāļāļĢāļāļāļēāļ component āđāļāļĒāđāļĄāđāļāđāļāļāļŠāļĢāđāļēāļ REST endpoint āļāļĒāđāļēāļāļāļąāļāđāļāļ āđāļāļāļāļ°āļāļĩāđ API routes āļāđāļāļāļāļēāļĢāļāļēāļĢāđāļĢāļĩāļĒāļ HTTP (fetch) Server Actions āļāļģāđāļŦāđāđāļāđāļāļāđāļēāļĒāļāļķāđāļāđāļāļĒāļŦāļĨāļĩāļāđāļĨāļĩāđāļĒāļāļāļēāļĢāļāđāļģāļāļąāļāļāļāļ route + āļāļēāļĢāđāļĢāļĩāļĒāļ client āđāļŦāļĄāļēāļ°āļŠāļģāļŦāļĢāļąāļ mutations āļāđāļēāļĒāđ āđāļāđ API routes āļĒāļąāļāļāļāļĄāļĩāļāļĢāļ°āđāļĒāļāļāđāļŠāļģāļŦāļĢāļąāļ public endpoints āļŦāļĢāļ·āļ webhooks
āļ§āļīāļāļĩāđāļāđ Server Action āđāļāļāļāļĢāđāļĄ HTML āļāļ·āļāļāļ°āđāļĢ?
Server Action āļĢāļąāļāļāđāļāļĄāļđāļĨāļāļĢāļ°āđāļ āļāđāļāļāļēāļāļāļāļĢāđāļĄ?
+17 āļāļģāļāļēāļĄāļŠāļąāļĄāļ āļēāļĐāļāđ
āļŦāļąāļ§āļāđāļāļŠāļąāļĄāļ āļēāļĐāļāđ React / Next.js āļāļ·āđāļāđ
āļāļ·āđāļāļāļēāļ JavaScript
āļāļ·āđāļāļāļēāļ React
React Hooks
āļ§āļāļāļĢāļāļĩāļ§āļīāļāļāļāļ component
React Router
āļāļēāļĢāļāļąāļāļāļēāļĢ state āļāđāļ§āļĒ Context
āļāļāļĢāđāļĄāđāļĨāļ° Controlled Components
āļāļēāļĢāļāļķāļāļāđāļāļĄāļđāļĨāđāļĨāļ° API
React Query (TanStack Query)
Styling & CSS-in-JS
āļāļ·āđāļāļāļēāļ Next.js
TypeScript āļāļąāļ React
āļāļēāļĢāļāļķāļāļāđāļāļĄāļđāļĨ Next.js
āļāļēāļĢāļāļģāļŦāļāļāđāļŠāđāļāļāļēāļāđāļĨāļ°āļāļēāļĢāļāļģāļāļēāļāđāļ Next.js
API Routes āđāļ Next.js
Metadata & SEO āđāļ Next.js
Middleware āđāļĨāļ° Auth āđāļ Next.js
āļāļēāļĢāļāļāļŠāļāļ React
Zustand State Management
āļāļēāļĢāđāļāļīāđāļĄāļāļĢāļ°āļŠāļīāļāļāļīāļ āļēāļ React
Error Boundaries & āļāļēāļĢāļāļąāļāļāļēāļĢāļāđāļāļāļīāļāļāļĨāļēāļ
Advanced React Patterns
āļāļĩāđāļāļāļĢāđāļāļąāđāļāļŠāļđāļāļāļāļ Next.js
āļāļēāļĢ Deploy & Production āļāļāļ Next.js
Architecture & Design Patterns
React Server Components
āļāļēāļĢāđāļāļĨāļ āļēāļĐāļē Next.js
React āļāļ§āļēāļĄāļāļĨāļāļāļ āļąāļĒ & āđāļāļ§āļāļāļīāļāļąāļāļīāļāļĩāđāļāļĩāļāļĩāđāļŠāļļāļ
āđāļāļĩāđāļĒāļ§āļāļēāļ React / Next.js āļŠāļģāļŦāļĢāļąāļāļāļēāļĢāļŠāļąāļĄāļ āļēāļĐāļāđāļāļĢāļąāđāļāļāļąāļāđāļ
āđāļāđāļēāļāļķāļāļāļģāļāļēāļĄāļāļąāđāļāļŦāļĄāļ flashcards āđāļāļāļāļāļŠāļāļāđāļāļāļāļīāļ āđāļāļāļāļķāļāļŦāļąāļ code review āđāļĨāļ°āļāļąāļ§āļāļģāļĨāļāļāļŠāļąāļĄāļ āļēāļĐāļāđ
āđāļĢāļīāđāļĄāđāļāđāļāļĢāļĩ