• <option id="cmyam"></option>
    \n  @inertia\n  
    <\/div>\n<\/body>\n<\/html>\n<\/pre>\n\n\n\n
    ????? ?? ??? ???? Laravel? React? ?? ??? ?????.
    \n<\/p>\n\n
    withRouting(\n    web: __DIR__.'\/..\/routes\/web.php',\n    commands: __DIR__.'\/..\/routes\/console.php',\n    health: '\/up',\n  )\n  ->withMiddleware(function (Middleware $middleware) {\n    $middleware->web(append: [\n        HandleInertiaRequests::class,\n    ]);\n  })\n  ->withExceptions(function (Exceptions $exceptions) {\n    \/\/\n  })->create();\n<\/pre>\n\n\n\n
    ? ????? ???? ?? ??? ??? ??? ??? ?? ??? ? ???, ???? ?? ???? ?? ??? ? ?? ?? ????? ???????. <\/p>\n\n
    ? ??? ????? ???? ? ?? ?? URL? ? ? ????. Laravel ?? ???? Laravel ?? ??? ???? ?????. ??? Inertia? ??? ?? ?? ????? ??????!<\/p>\n\n
    \n  \n  \n  Inertia.js? ?? ??\n<\/h2>\n\n
    Inertia ??? ?? ?? ? ? ????. ? ??? ? ? ?? ??? ??? ???????.<\/p>\n\n
    \n  \n  \n  ??? ? ????\n<\/h3>\n\n
    ??? ????? ???? ? ????? ????? resources\/js ????? ? ?? ?? ????? ????. ?? ??? ?????? ?? ??? ???? ??? ?? ????? ??? ?? ????. <\/p>\n\n
    ??? ?? ????? ??? ????.
    \n<\/p>\n\n
    import { defineConfig } from \"vite\";\nimport laravel from \"laravel-vite-plugin\";\nimport react from \"@vitejs\/plugin-react\";\n\nexport default defineConfig({\n  plugins: [\n    laravel({\n      input: \"resources\/js\/app.jsx\",\n      refresh: true,\n    }),\n    react(),\n  ],\n  resolve: {\n    alias: {\n      \"@\": \"\/resources\/js\",\n    },\n  },\n});\n<\/pre>\n\n\n\n
    ????? ?? ???? ??? ?? ??????? ?? ???? ??? ?????. ?? ?? ??? ?? MainLayout? ???? ?? ??? ??? ? ????.
    \n<\/p>\n
    laravel new\n<\/pre>\n\n\n\n
    ??? MainLayout.jsx? About.jsx? Tailwind CSS?? ???? ???? ???? ?? ???? ?? ???? ??? ???? ?????. 
    \n\"Inertia.js<\/p>\n
    \n  \n  \n  ?? ? ???\n<\/h3>\n\n
    ?? Laravel ???? ???? ??? ??? ?? ??? ?? ?????? ?? ???? ??? ? ????. ?? ??? ???? ???? ??? ?? ?????. Express ? Fastify? ?? JavaScript ?? ??? ?????? ???? ?? ??? Laravel?? ???? ???? ??? ?? ??? ????. <\/p>\n\n
    routes\/web.php ??? ???? ? ??? ???? ?? ??? ?? Inertia? ??? ???? ???? ?? ???? ??????.
    \n<\/p>\n\n
    composer require inertiajs\/inertia-laravel\n<\/pre>\n\n\n\n
    Inertia? ?? ??? React ? Next? ???? ??? ?? Inertia? Link ?? ??? ???? ??? ? ????.
    \n<\/p>\n\n
    php artisan inertia:middleware\n<\/pre>\n\n\n\n
    ?? ?? ??? ? ?? ???? ??? ??? ?? ?? SPA? ??? ?? ?? ??? ?????. 
    \n\"Inertia.js<\/p>\n
    \n  \n  \n  HTTP ??(GET\/POST\/?GET ??)\n<\/h3>\n\n
    Inertia? ?? ? ?? ??? ???? ?? GET ? POST ??? ?? ???? useForm ??? ?????. ?? ?? ?? ?? ???? ?? ???? ?????? ??? ?? ???? ???? ? ?? usePage ??? ?????. <\/p>\n\n
    ??? ??? ???? ???? ???? ?? GET ? POST ??? ???? ??? ????. GET ??? Inertia? ?? ????? ???? ??, useForm ??? post ???? ???? POST ??? ??? ??? ???? ????.
    \n<\/p>\n\n
    pnpm add react react-dom\n<\/pre>\n\n\n\n
    ? ?? ??? ???? ???????? ??? ??? ???? ?? HTML ???? ???? ???? ??? ? ???, ?? ??? ??? ???? ? ???? ??????? ? ??? ?? ????. 
    \n\"Inertia.js<\/p>\n
    \n  \n  \n  ??? ???\n<\/h3>\n\n
    Inertia.js? NProgress ?? ??? ??? ?????. App.jsx ??? ???? ?? ?? ????? ??? ???? ?? ?? ??? ??? ? ????.
    \n<\/p>\n\n
    pnpm add --save-dev @vitejs\/plugin-react\n<\/pre>\n\n\n\n
    NProgress ?? ?????? ?? ???? ? ????? ???? ?? ?????. 
    \n\"Inertia.js<\/p>\n
    \n  \n  \n  ?????? ??\n<\/h3>\n\n
    Laravel? ????? ????? ??????? Inertia ??? ???? ???? ? ?? ??? ??? ?? ????. .env ??? ??? ?????? ?? ??? ????, ??? ?????? ????? ???? ??? ????, config\/database.php ??? ???? ???. <\/p>\n\n
    ?? ???????? Laravel? ?????? ???? ???? ??? ?????? ???? ??? ? ????. ?? ??????? ??? ??? ??????? ??? Laravel Seeder ????? ???? ?? ??? ???? ?? ?????? ??????. ? ??? ?? ??? ? ?? ??? ??? ????.<\/p>\n\n
      \n
    •  ? ????? ? ??? ???? ?? ??? ???? ? ???? ?? ?????? ??? ???? ?? HTTP ????? ??????<\/li>\n
    •  resources\/js\/Pages ????? ??? ???? ???? ??? ??? ??? prop? ??????. ? ??? ??? Inertia? ?? ????? ???? GET ??? ?? ??? ???? ?????. ??????? ???? ???? ?? POST ??? ? ?? ????<\/li>\n
    •  Routes\/web.php ??? ??? ??? ???? ??? HTTP ????? ??????<\/li>\n<\/ul>\n\n
      Laravel ???? ?? ??? ???? Laravel? ???? ??????? ?? ???? ?? ??? ?? ??????? ???????? ?? ? ??? ?? ? ??? ?? ? ????. ??? ?? ?? ??? ??? ??? ?? ???? ?? ???? ??? ???? ? ? ??? ? ? ????.<\/p>\n\n
      \n  \n  \n  Inertia.js ?? ??\n<\/h2>\n\n
      ??? ???? ?? ??? ?? ?????. Inertia? ???? Laravel? ?? JavaScript ?????? ???? ??? ??? ??? ?? ???? ?? ?? ?? ??? ??????. <\/p>\n\n
      ?? ??? ??? ????? ??? Inertia? ?? ??? ? ? ?? ? ?? ?? ??? ??? ????.<\/p>\n\n
        \n
      •  ??? ??? ?? ????? ????? ??? ?? ????? ? ??? ???? ?? ??? ???? ??? ?<\/li>\n
      •  Laravel? ???? ????? ?? JavaScript ?? ????? ???????? ?? ? ?? ???? ?? ?????? ????? ??? ?<\/li>\n
      •  ???? ?? ?? ?? ??? ???? ??? ??? ?? Laravel ?? ???? ??? ??? ?? ?<\/li>\n
      •  ?? ???? ? ?? ???? SSR? ?? ??? ??? SPA<\/li>\n
      •  PHP? JavaScript? ?? ???? ?? ???? ?? ??? ??<\/li>\n<\/ul>\n\n
        \n  \n  \n  Inertia.js vs. Livewire vs. ?????\n<\/h2>\n\n
        Inertia? ??? ?????? ?????? ????? ? ?????? ???? ??? ???? ????. Livewire? Hybridly? ??? ??? ??? ?? ?? ?? ? ?? ?????. ??? ??? ? ?? ??? ??? ????.<\/p>\n
          \n
        •  ????<\/strong>?— Inertia.js? Livewire? ?? ????? ?? ????? ??? ??? Hybridly?? ? ?? ????? ??? ????.<\/li>\n
        •  ??<\/strong> — Livewire ? Hybridly? ????? ????? ??? ???? ?? ?? Inertia.js? ?? JavaScript ?? ????? ???? ???? ??? ??? ????.<\/li>\n
        •  ??<\/strong> — ??? ??? ?? ???? Inertia.js ?? SPA? ? ?? ?? ??? ??? ? ?? ?? ???? ???? ?? ?????? Livewire ? Hybridly? ???? ?? ??? ?? ? ?? ? ????. .<\/li>\n
        •  ???<\/strong> — Livewire? Inertia.js? ? ??? ? ??? ??? ?? Hybridly? ?? ???? ? ?? ????.<\/li>\n<\/ul>\n\n
          ? ?? ??? ??? ? ?? ??? ???? ?? ? ? ??? ???? ??? ???? ?????.<\/p>\n
          \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
          Feature<\/th>\n\nInertia.js<\/th>\n\nLivewire<\/th>\n\nHybridly<\/th>\n\n<\/tr>\n\n<\/thead>\n\n
          Server-side framework<\/td>\n\nLaravel, Rails<\/td>\n\nLaravel only<\/td>\n\nLaravel only<\/td>\n\n<\/tr>\n\n
          Client-side framework<\/td>\n\nVue.js, React, Svelte<\/td>\n\nNone (PHP-based)<\/td>\n\nVue.js<\/td>\n\n<\/tr>\n\n
          SPA-like experience<\/td>\n\nYes<\/td>\n\nYes<\/td>\n\nYes<\/td>\n\n<\/tr>\n\n
          Server-side rendering (SSR)<\/td>\n\nOptional<\/td>\n\nYes<\/td>\n\nYes<\/td>\n\n<\/tr>\n\n
          Real-time updates<\/td>\n\nNo (needs additional setup)<\/td>\n\nYes<\/td>\n\nYes<\/td>\n\n<\/tr>\n\n
          Full-page reloads<\/td>\n\nNo<\/td>\n\nNo<\/td>\n\nNo<\/td>\n\n<\/tr>\n\n
          Learning curve<\/td>\n\nModerate<\/td>\n\nLow<\/td>\n\nModerate<\/td>\n\n<\/tr>\n\n
          Component-based architecture<\/td>\n\nYes<\/td>\n\nYes<\/td>\n\nYes<\/td>\n\n<\/tr>\n\n
          State management<\/td>\n\nClient-side<\/td>\n\nServer-side<\/td>\n\nBoth<\/td>\n\n<\/tr>\n\n
          SEO-friendly<\/td>\n\nGood<\/td>\n\nExcellent<\/td>\n\nExcellent<\/td>\n\n<\/tr>\n\n
          Backend-driven UI<\/td>\n\nPartial<\/td>\n\nFull<\/td>\n\nFull<\/td>\n\n<\/tr>\n\n
          Progressive enhancement<\/td>\n\nLimited<\/td>\n\nYes<\/td>\n\nYes<\/td>\n\n<\/tr>\n\n
          File uploads<\/td>\n\nSupported<\/td>\n\nNative support<\/td>\n\nSupported<\/td>\n\n<\/tr>\n\n
          Pagination<\/td>\n\nSupported<\/td>\n\nNative support<\/td>\n\nSupported<\/td>\n\n<\/tr>\n\n
          Form handling<\/td>\n\nClient-side<\/td>\n\nServer-side<\/td>\n\nBoth<\/td>\n\n<\/tr>\n\n
          Authentication<\/td>\n\nSupported<\/td>\n\nNative support<\/td>\n\nSupported<\/td>\n\n<\/tr>\n\n
          Authorization<\/td>\n\nSupported<\/td>\n\nNative support<\/td>\n\nSupported<\/td>\n\n<\/tr>\n\n
          Testing<\/td>\n\nBoth client & server<\/td>\n\nServer<\/td>\n\nBoth client and server<\/td>\n\n<\/tr>\n\n
          Ecosystem\/Community<\/td>\n\nSmall<\/td>\n\nLarge<\/td>\n\nSmall (newer)<\/td>\n\n<\/tr>\n\n
          Performance<\/td>\n\nVery good<\/td>\n\nGood<\/td>\n\nVery good<\/td>\n\n<\/tr>\n\n
          Bundle size<\/td>\n\nLarger (due to JS framework)<\/td>\n\nSmaller<\/td>\n\nModerate<\/td>\n\n<\/tr>\n\n
          Offline support<\/td>\n\nPossible<\/td>\n\nLimited<\/td>\n\nPossible<\/td>\n\n<\/tr>\n\n
          Mobile app development<\/td>\n\nPossible<\/td>\n\nNot ideal<\/td>\n\nPossible<\/td>\n\n<\/tr>\n\n<\/tbody>\n\n<\/table><\/div>\n\n
          \n  \n  \n  ??\n<\/h2>\n\n
          ? ?? ?????? Inertia.js? ????, Laravel? ?? ???? ??? ?????? React? ?? ?? ????? ?????? ???? ????? ??????? ??? ? Inertia.js? ??? ????? ?????. <\/p>\n\n
          Inertia ??? ???, ?? ?? ??, Laravel? ???? ???? ?? ?? ?????. ???? ??? ?? ??? ???? ??, ??? ?? ????? ?? ? GitHub ???? ???? ?? ????? ??? ????? ??? ????????.<\/p>\n\n\n
          \n\n
          \n  \n  \n  ??? ??? ????? ??? ????? ?? ??? JS ?????? ???? ????? ?? ??? ??? ??????\n<\/h2>\n\n
          ?????? ?? ? ????? ??? ?? ??? ??? ????. ??? JavaScript ?????? ?? ???? ?? ???? ???? ? ? ?? ??? ???? ??? ? ?? ???? ???? ???.<\/p>\n\n
          LogRocket? JavaScript ??? ?? ??? ?????? ??? ??? ???? ??? ?? ????? ??? ? ?? ??? ????? ?????? ???? ??????.<\/p>\n\n
          \"Inertia.js<\/p>\n\n
          LogRocket? ?????? ???? ?? ??? ???? ???? Redux, Vuex ? @ngrx\/store?? ?? ????? ???? ????? ????. ??? ??? ??? ???? ?? ??? ???? ? ??????? ??? ???? ??? ? ????. LogRocket? ?? ? ??? ?????? ????? CPU ??, ????? ??? ??? ?? ?? ????? ?????.<\/p>\n\n
          ???? ?????. ??? ????? ??? ???.<\/p>\n\n\n          \n\n            \n        "}	
	







          亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱
          
	

          
    

          

	
	
          
		
          
			
          
							
          
					
          
						?
						
												? ?????
						
												JS ????
						
						Inertia.js ?? ???: ??, ?? ? ??
					
          
					
					
          
						
          
							
          Inertia.js ?? ???: ??, ?? ? ??
          
							
							Oct 24, 2024 am	 05:34 AM
														
						
          
					
          
					
          
					
          
						
          
						
						
						

					
          ??: Rahul Chhodde??
          


          ?? ????? ?????? React with Next.js, Vue with Nuxt.js, Svelte with SvelteKit? ?? ?? ? ?? ?????? ? ?????. ??? React? ?? ?? ????? ???? Laravel? ?? ?? ??? ?? ?? ? ?????? ??? ? ??? ?? ???? ?? ?? ??? ??? ???? ????. 
          


          JavaScript ????? ???? ?? ??? ????? ?? ??? ??? ??? Inertia.js? ?????. ? ?? ?????? Inertia? ???? ??? ???? ????? ?? ??? ?????? ?? JavaScript ?????? ?? ??? ?(SPA)? ???? ??? ?????.
          


          
  
  
  Inertia.js? ??????

          


          Inertia.js? ???? ??? API ??? ?? ???? ????? ? ??? ?????? ???? ?? SPA? ??? ? ?? ?????. 2019? Jonathan Reinink? ?? Inertia? ?? ????? ?? ?? ? ?????? ????? ?? SPA ?? ????? ????? ??????. 
          


          ??? ??? Inertia? ??? ?????? ?????? ?????? ?? ???? ??? ??? ?? ???? ????? ?? ???? ??? ?????. Inertia? ???? ?????? ??? ?? ?? ?? ?? ? ?? ?? ?? ?????? ???? ?? ???? ?? ?? ??????? ?? ?? ??? ? ????.
          


          
  
  
  Inertia.js? ??? ???? ??? ??????

          


          ???? Inertia? Vue? Laravel? ??????. ?? ?????? ? ?? ?????? ?? ??? ????? ??????. 
          


          ?? Inertia ????? ?? ? ???(SSR), ???? ?? ?? ??, ??? ?? ??? ?? ?? ??, TypeScript ?? ?? ?? ??? ??? ?????. ??? ????? ??? ????? ????? ??? ?? ???????.
          


          
  
  
  Inertia.js? ?? ??

          


          ??? ?????? ??? ??? ???? ?? ??? ???. ??? ?? ???? ?? SPA? ????.
          


            

          •  SPA? ?? ??? ????? ??? ???? ?????
            • 

          •  ?? ??? ????? ?? ???? ???? ??
            • 

          •  ????? JSON ???? ??????
            • 

          •  ?? ??? ??? JavaScript? ????
            • 

          


          Inertia ?? ?? ???? ?????? ??? ????? ?? ???? ?????. ????? Inertia ??? ???? ?? Inertia JavaScript ?????? ??? ?? HTML ??? Inertia ?????? ?? ????? ?????. 
          


          ?? ??? ?? Inertia ?????? ???? ??? ???? ? ??? ????? JSON ???? ????. ?????? ??? ???? ???? ?????? ?????? ?? ???? ?? ???? ??? ?? ??? ?? ?????. 
          

          ??? ?? ????? ????? ???? ??????. 
          
Inertia.js adoption guide: Overview, examples, and alternatives
          

          
  
  
  ?? ??:

          


            

          •  Inertia.js ??

            • 

          

          
  
  
  Inertia.js? ???? ??? ??????

          


          SPA? ?? ??? ?????? ???? ??? ?????? ??? ?? ???? ??? ? ?? ??? ??? Inertia ?? ??? ??? ???? ?? ???? ???. 
          


          Inertia? Laravel? ?? ?? ?????? Laravel ????? ? ? ???? ?????. Laravel ????? ????? ???? ???? ???? ??? ? ?? ??? ????? ?? Inertia? ??? ? ? ????. 
          


          Inertia? ??? ? ? ?? ? ?? ?? ??? ??? ? ????. ?? ? ????? Inertia ??? ? ?? ???? ???, ?? ? ??? ?? Inertia? ??? ? ??? ??? ???? ??? ??? ? ??? ? ????.
          

          
  
  
  Inertia.js? ??

          


          ????? SPA? ? ?? ??? ??? ??? ???? ????. ?? ?? ?????? Inertia? ??? ??????.
          

          
  
  
  ???? ???

          


          Inertia? ???? ?? ?????? ???? ?? ?????? ?? ??? ? ????. ??? ??? ???? ?? Inertia? ? ?? ?? ???, ?? ??, ???, ??? ??, ?? ?? ??? ? ?? ??? ?? ?????? ???? ??? ?? ???? ?? ????? ???? ????.
          

          
  
  
  ??? ??

          


          Inertia? ?? ??? ???? ???? ??? ? ?? ????? ??? ?? ? ?????. ?? ?? ??? ??? ???? ?? ??? ?? ??? ????? ?? ???? ??? ?? ?? ? ????. 
          


          ????? ? ???? Inertia? ?? ??? ???? ?? ?? ??? ??? ??? ?? ???? ??? ???? ?? ??? ????. ??? Inertia?? ????? ?? ??????? ??? ????? ?????. 
          


          ?? ?????? ???? ??? ??? ???? ???? ??? ?? API ? ?? ???? ?? ??? ???? ??? ??? ????.
          

          
  
  
  ??? ????

          


          Inertia? GitHub? 6,000?? ?? ??? ???? ??? 85?? ?? ???? ????. Laravel ????? 2,000?? ?? ?? ????. ??? ??? ?? ??? Inertia?? ?? ??? ????? ??? ???? ?? ??? ??? ???? ?? ????. 
          


          ??? ?? ???? ???? ?? ??? ??? ??? ? ?? ? ???? ??? ?? ? ?? ??? ?? ? ????. 
          


          Inertia.js? Livewire? ?? ?? ???? ???? ????? ?? ?? ?????.
          

          
  
  
  ?? ??:

          


            

          •  Livewire? Inertia.js: Laravel ????? ??

            • 

          

          
  
  
  ??? ????

          


          Inertia? ???? ?? ?? ?????? ??? ?? ??? ? ????. ? ???? ???? ?? ??? ???? ?? ???? ?? ?????. Inertia? ????? ? ???? ?? ??? ?? ??? ???? ???? ??? ????, ?? ?? ?? ??? ??? ? ??? ?? ???? ???.
          

          
  
  
  Inertia.js? ??

          


          Inertia? ?? ????? ? ??? SPA? ?? ? ?? ???? ??? ??? ????. ?? ??? ??? ???????.
          

          
  
  
  ??? ??

          


          Inertia? ?? ?? ????? ? ??? ?????? ???? ???? ?? ???? Vue? ?? ???? ??? ?????. ?????? ???? ??? ???? ?????? ??????? Laravel, Rails, Phoenix, Django, React, Vue ? Svelte? ?????. 
          


          Laravel? ???? Vite? ??? ??? ? ???? Webpack ?? Laravel Mix?? ?? ??? ???? ?? ??? ??? ? ????. Vite ?? ?? ???? JavaScript ?? ?????? ???? ?? ???? ???? ?????.
          

          
  
  
  ?? ??:

          


            

          •  Inertia.js, Vue.js ? AdonisJs ????

            • 

          •  Laravel? Vue? ???? ?? ??? ? ???

            • 

          

          
  
  
  ???? ??

          


          ?? ??? ??? ?? ??? ??? ???? ???? Inertia? ???? ??? ????? ?????? ???? ?? ???? ?? ??? API? ???? ????. Inertia? ???? ??? ??? ??? ? ??? ??? ?? ????? ? ? ?? ? ??? ?? ???? ?? ?? ?? ???? ?????.
          

          
  
  
  ??

          


          Inertia ?? ??? JavaScript ??? ?? ???? ??? ???? HTML? ?????? ??? ?? ??????? ??? ??? ????? ?? JSON ???? ??? ???? HTML ?? ????. 
          


          ?? ?? Inertia ?? ?? ?? ????? ? ??? SPA?? ???? ???? ??? ?? ??? ?? ?????. ?? ????? ? ?? ??? UX? ???? ??? Core Web Vital ??? First Contentful Paint? ?????.
          

          
  
  
  ?? ??:

          


            

          •  SPA? ?? ?? ? ??? ?? ??

            • 

          

          
  
  
  SEO ???

          


          ?? ?? ?? ?? ? ???? ????? ? ???? ?? ???? ? ?? URL? ?????. ??? ?? ? ???? ?????? ?? ???? ??? ? ????. ?? ??? ???? ??? ??? ??? ?? ?????? ???? ?? ???? ?? ?? ??? FCP ??? ? ?? ???? ????. 
          


          ? ? ??? ???? ? ?? SEO? ???? Inertia.js ?? ?? SPA?? ??? ????.
          

          

          ?: ????? ? ???(CSR)? FCP ????? ???? ??? ??? ?? Inertia.js? SSR ????? ???? ??? ?? ???? ?? ???? ??? ?? ? ????.
          

          

          
  
  
  ?? ??

          


          Inertia.js? ?????? ??? ??? ??? ??? ?? ??? ?? ? gzip ?? ? ??? ? 15kB? ??? ??? ?? ??????.
          

          
  
  
  ?? ?? ??

          


          Inertia ???? ?? ?? Laravel? ??? ?????? ??? ? ?? ??? ? ????. ?? ??? ??? ?? ????? ???? ??? ?? ???? ?? ???? ?? ???? ????.
          

          
  
  
  Inertia.js ????

          


          ?? ?? ?? ? ?? ????? ? ??? ???? React ?? ?????? ?? Laravel ?? ???? Inertia? ???? ??? ?????. ? GitHub ????? ? ?????? ??? ?? ??? ?? ? ????. 
          


          ???? ?? ? ????? TypeScript? ???? ????.
          

          
  
  
  ?? ? ??

          


          ???? Laravel? ???? ??? ???? Laravel ?? ???? ??? ???? ? Laravel ????? ??? ?????.
          

          


          laravel new

          




          ??? ???? ??? ?? ??? ????? ???. 
          
Inertia.js adoption guide: Overview, examples, and alternatives 
          
????? ?? ??? ???? ???? ??? ??? ? ?? ????? ?? ??? ??? ?????? ???? Git ???? ????? ?? ?? ??? ????? ?????. 
          


          Breeze ?? Jetstream? ?? ??? ??? ?? ?? ?? ?? Inertia.js ?? ????? ????? ??? ?? ??? ????. ?? ???? ?? ???????.
          

          
  
  
  ?? ??:

          


            

          •  Laravel Breeze? Inertia-React ??? Next.js ? Gatsby ??

            • 

          •  Laravel? AdonisJs: ?? ?? ???? ????

            • 

          


          ?? ??? ??? ??????? ????? ???? ?????. ? ??? ???? ?? PostgreSQL? ????? pgsql? ??????. ?????? ?? ??? ?? ?????. 
          


          ???? ????? ?? ??? ??? ???? Laravel? Inertia.js ??? ???? ???.
          

          


          composer require inertiajs/inertia-laravel

          




          ? ??? Inertia ? ?? ???? ?? Laravel ???? ?????. ?? ?? Laravel? Inertia? ?? ??? ? ?? ??? ??? ????. 
          


          ?? ?? Laravel?? Inertia ??? ???? ?? Inertia ????? ??? ?????. ?? ????? ?? artisan ??? ??????.
          

          

          laravel new

          




          
  
  
  ?????? ??

          


          Laravel? ?? ???? ??? ?? React? ???? ???? ?? ??? ???????. ???? ??? CD? ?? ?? ??? ???? React? React DOM? ??? ?????. ??? ?? ??? ???? ???? ?? ?????.
          

          


          composer require inertiajs/inertia-laravel

          




          ???? ??? ?? Vite? ?? ???? ??? ???? Vite? React ????? ?? ????? ???????.
          

          


          php artisan inertia:middleware

          




          ????? ?? ??? ???? React? ?? Inertia ??? ?????.
          

          


          pnpm add react react-dom

          




          ? ???? Tailwind CSS? ???? ??? ?? ??? ?? ?????. Tailwind CSS? ????? ?? React ?? Vue ??? Tailwind CSS? ??? ? ??? ??? ?????.
          


          
  
  
  ??

          


          ?? resources/js ?????? app.js ??? ?? ??? app.jsx? ??? ??? ???? ????.
          

          


          pnpm add --save-dev @vitejs/plugin-react

          




          ? ?? ??? Inertia? ???? ???? ??? ??? ???? ? ??? ???. 
          


          ???? resources/view ????? ??welcome.blade.php ??? ??? app.blade.php? ??? ??? ???? ??????.
          

          


          pnpm add @inertiajs/react

          




          ????? ?? HTML ?? ??? ? ???? ?? ?? ??, ???? ?? ?? ?? ?? ????? ???? ? ??? ?? Inertia ? Vite ???? ???? ????. 
          


          ???? ?? ?? ??? ???? ?? bootstrap/app.php ??? ?? ????? ?????.
          

          


          import { createInertiaApp } from "@inertiajs/react";
import { createRoot } from "react-dom/client";
import "../css/app.css";

createInertiaApp({
  resolve: (name) => {
    const pages = import.meta.glob("./Pages/**/*.jsx", { eager: true });
    return pages[`./Pages/${name}.jsx`];
  },
  setup({ el, App, props }) {
    createRoot(el).render(<App {...props} />);
  },
});

          




          ?? Vite? ?? ???? ??? ???? ??? ?? ? ??? React ????? ??? ?????.
          

          


          <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  @viteReactRefresh
  @vite('resources/js/app.jsx')
  @inertiaHead
</head>
<body>
  @inertia
  <div id="app"></div>
</body>
</html>

          




          ????? ?? ??? ???? Laravel? React? ?? ??? ?????.
          

          


          <?php
use Illuminate\Foundation\Application;
use Illuminate\Foundation\Configuration\Exceptions;
use Illuminate\Foundation\Configuration\Middleware;
use App\Http\Middleware\HandleInertiaRequests;

return Application::configure(basePath: dirname(__DIR__))
  ->withRouting(
    web: __DIR__.'/../routes/web.php',
    commands: __DIR__.'/../routes/console.php',
    health: '/up',
  )
  ->withMiddleware(function (Middleware $middleware) {
    $middleware->web(append: [
        HandleInertiaRequests::class,
    ]);
  })
  ->withExceptions(function (Exceptions $exceptions) {
    //
  })->create();

          




          ? ????? ???? ?? ??? ??? ??? ??? ?? ??? ? ???, ???? ?? ???? ?? ??? ? ?? ?? ????? ???????. 
          


          ? ??? ????? ???? ? ?? ?? URL? ? ? ????. Laravel ?? ???? Laravel ?? ??? ???? ?????. ??? Inertia? ??? ?? ?? ????? ??????!
          


          
  
  
  Inertia.js? ?? ??

          


          Inertia ??? ?? ?? ? ? ????. ? ??? ? ? ?? ??? ??? ???????.
          


          
  
  
  ??? ? ????

          


          ??? ????? ???? ? ????? ????? resources/js ????? ? ?? ?? ????? ????. ?? ??? ?????? ?? ??? ???? ??? ?? ????? ??? ?? ????. 
          


          ??? ?? ????? ??? ????.
          

          


          import { defineConfig } from "vite";
import laravel from "laravel-vite-plugin";
import react from "@vitejs/plugin-react";

export default defineConfig({
  plugins: [
    laravel({
      input: "resources/js/app.jsx",
      refresh: true,
    }),
    react(),
  ],
  resolve: {
    alias: {
      "@": "/resources/js",
    },
  },
});

          




          ????? ?? ???? ??? ?? ??????? ?? ???? ??? ?????. ?? ?? ??? ?? MainLayout? ???? ?? ??? ??? ? ????.
          

          

          laravel new

          




          ??? MainLayout.jsx? About.jsx? Tailwind CSS?? ???? ???? ???? ?? ???? ?? ???? ??? ???? ?????. 
          
Inertia.js adoption guide: Overview, examples, and alternatives
          

          
  
  
  ?? ? ???

          


          ?? Laravel ???? ???? ??? ??? ?? ??? ?? ?????? ?? ???? ??? ? ????. ?? ??? ???? ???? ??? ?? ?????. Express ? Fastify? ?? JavaScript ?? ??? ?????? ???? ?? ??? Laravel?? ???? ???? ??? ?? ??? ????. 
          


          routes/web.php ??? ???? ? ??? ???? ?? ??? ?? Inertia? ??? ???? ???? ?? ???? ??????.
          

          


          composer require inertiajs/inertia-laravel

          




          Inertia? ?? ??? React ? Next? ???? ??? ?? Inertia? Link ?? ??? ???? ??? ? ????.
          

          


          php artisan inertia:middleware

          




          ?? ?? ??? ? ?? ???? ??? ??? ?? ?? SPA? ??? ?? ?? ??? ?????. 
          
Inertia.js adoption guide: Overview, examples, and alternatives
          

          
  
  
  HTTP ??(GET/POST/?GET ??)

          


          Inertia? ?? ? ?? ??? ???? ?? GET ? POST ??? ?? ???? useForm ??? ?????. ?? ?? ?? ?? ???? ?? ???? ?????? ??? ?? ???? ???? ? ?? usePage ??? ?????. 
          


          ??? ??? ???? ???? ???? ?? GET ? POST ??? ???? ??? ????. GET ??? Inertia? ?? ????? ???? ??, useForm ??? post ???? ???? POST ??? ??? ??? ???? ????.
          

          


          pnpm add react react-dom

          




          ? ?? ??? ???? ???????? ??? ??? ???? ?? HTML ???? ???? ???? ??? ? ???, ?? ??? ??? ???? ? ???? ??????? ? ??? ?? ????. 
          
Inertia.js adoption guide: Overview, examples, and alternatives
          

          
  
  
  ??? ???

          


          Inertia.js? NProgress ?? ??? ??? ?????. App.jsx ??? ???? ?? ?? ????? ??? ???? ?? ?? ??? ??? ? ????.
          

          


          pnpm add --save-dev @vitejs/plugin-react

          




          NProgress ?? ?????? ?? ???? ? ????? ???? ?? ?????. 
          
Inertia.js adoption guide: Overview, examples, and alternatives
          

          
  
  
  ?????? ??

          


          Laravel? ????? ????? ??????? Inertia ??? ???? ???? ? ?? ??? ??? ?? ????. .env ??? ??? ?????? ?? ??? ????, ??? ?????? ????? ???? ??? ????, config/database.php ??? ???? ???. 
          


          ?? ???????? Laravel? ?????? ???? ???? ??? ?????? ???? ??? ? ????. ?? ??????? ??? ??? ??????? ??? Laravel Seeder ????? ???? ?? ??? ???? ?? ?????? ??????. ? ??? ?? ??? ? ?? ??? ??? ????.
          


            

          •  ? ????? ? ??? ???? ?? ??? ???? ? ???? ?? ?????? ??? ???? ?? HTTP ????? ??????
            • 

          •  resources/js/Pages ????? ??? ???? ???? ??? ??? ??? prop? ??????. ? ??? ??? Inertia? ?? ????? ???? GET ??? ?? ??? ???? ?????. ??????? ???? ???? ?? POST ??? ? ?? ????
            • 

          •  Routes/web.php ??? ??? ??? ???? ??? HTTP ????? ??????
            • 

          


          Laravel ???? ?? ??? ???? Laravel? ???? ??????? ?? ???? ?? ??? ?? ??????? ???????? ?? ? ??? ?? ? ??? ?? ? ????. ??? ?? ?? ??? ??? ??? ?? ???? ?? ???? ??? ???? ? ? ??? ? ? ????.
          


          
  
  
  Inertia.js ?? ??

          


          ??? ???? ?? ??? ?? ?????. Inertia? ???? Laravel? ?? JavaScript ?????? ???? ??? ??? ??? ?? ???? ?? ?? ?? ??? ??????. 
          


          ?? ??? ??? ????? ??? Inertia? ?? ??? ? ? ?? ? ?? ?? ??? ??? ????.
          


            

          •  ??? ??? ?? ????? ????? ??? ?? ????? ? ??? ???? ?? ??? ???? ??? ?
            • 

          •  Laravel? ???? ????? ?? JavaScript ?? ????? ???????? ?? ? ?? ???? ?? ?????? ????? ??? ?
            • 

          •  ???? ?? ?? ?? ??? ???? ??? ??? ?? Laravel ?? ???? ??? ??? ?? ?
            • 

          •  ?? ???? ? ?? ???? SSR? ?? ??? ??? SPA
            • 

          •  PHP? JavaScript? ?? ???? ?? ???? ?? ??? ??
            • 

          


          
  
  
  Inertia.js vs. Livewire vs. ?????

          


          Inertia? ??? ?????? ?????? ????? ? ?????? ???? ??? ???? ????. Livewire? Hybridly? ??? ??? ??? ?? ?? ?? ? ?? ?????. ??? ??? ? ?? ??? ??? ????.
          

            

          •  ?????— Inertia.js? Livewire? ?? ????? ?? ????? ??? ??? Hybridly?? ? ?? ????? ??? ????.
            • 

          •  ?? — Livewire ? Hybridly? ????? ????? ??? ???? ?? ?? Inertia.js? ?? JavaScript ?? ????? ???? ???? ??? ??? ????.
            • 

          •  ?? — ??? ??? ?? ???? Inertia.js ?? SPA? ? ?? ?? ??? ??? ? ?? ?? ???? ???? ?? ?????? Livewire ? Hybridly? ???? ?? ??? ?? ? ?? ? ????. .
            • 

          •  ??? — Livewire? Inertia.js? ? ??? ? ??? ??? ?? Hybridly? ?? ???? ? ?? ????.
            • 

          


          ? ?? ??? ??? ? ?? ??? ???? ?? ? ? ??? ???? ??? ???? ?????.
          

          




          

Feature

Inertia.js

Livewire

Hybridly


          

          




          

Server-side framework

Laravel, Rails

Laravel only

Laravel only


          


          

Client-side framework

Vue.js, React, Svelte

None (PHP-based)

Vue.js


          


          

SPA-like experience

Yes

Yes

Yes


          


          

Server-side rendering (SSR)

Optional

Yes

Yes


          


          

Real-time updates

No (needs additional setup)

Yes

Yes


          


          

Full-page reloads

No

No

No


          


          

Learning curve

Moderate

Low

Moderate


          


          

Component-based architecture

Yes

Yes

Yes


          


          

State management

Client-side

Server-side

Both


          


          

SEO-friendly

Good

Excellent

Excellent


          


          

Backend-driven UI

Partial

Full

Full


          


          

Progressive enhancement

Limited

Yes

Yes


          


          

File uploads

Supported

Native support

Supported


          


          

Pagination

Supported

Native support

Supported


          


          

Form handling

Client-side

Server-side

Both


          


          

Authentication

Supported

Native support

Supported


          


          

Authorization

Supported

Native support

Supported


          


          

Testing

Both client & server

Server

Both client and server


          


          

Ecosystem/Community

Small

Large

Small (newer)


          


          

Performance

Very good

Good

Very good


          


          

Bundle size

Larger (due to JS framework)

Smaller

Moderate


          


          

Offline support

Possible

Limited

Possible


          


          

Mobile app development

Possible

Not ideal

Possible


          

          


          


          
  
  
  ??

          


          ? ?? ?????? Inertia.js? ????, Laravel? ?? ???? ??? ?????? React? ?? ?? ????? ?????? ???? ????? ??????? ??? ? Inertia.js? ??? ????? ?????. 
          


          Inertia ??? ???, ?? ?? ??, Laravel? ???? ???? ?? ?? ?????. ???? ??? ?? ??? ???? ??, ??? ?? ????? ?? ? GitHub ???? ???? ?? ????? ??? ????? ??? ????????.
          



          


          
  
  
  ??? ??? ????? ??? ????? ?? ??? JS ?????? ???? ????? ?? ??? ??? ??????

          


          ?????? ?? ? ????? ??? ?? ??? ??? ????. ??? JavaScript ?????? ?? ???? ?? ???? ???? ? ? ?? ??? ???? ??? ? ?? ???? ???? ???.
          


          LogRocket? JavaScript ??? ?? ??? ?????? ??? ??? ???? ??? ?? ????? ??? ? ?? ??? ????? ?????? ???? ??????.
          


          Inertia.js adoption guide: Overview, examples, and alternatives
          


          LogRocket? ?????? ???? ?? ??? ???? ???? Redux, Vuex ? @ngrx/store?? ?? ????? ???? ????? ????. ??? ??? ??? ???? ?? ??? ???? ? ??????? ??? ???? ??? ? ????. LogRocket? ?? ? ??? ?????? ????? CPU ??, ????? ??? ??? ?? ?? ????? ?????.
          


          ???? ?????. ??? ????? ??? ???.
          


          

            
        
          ? ??? Inertia.js ?? ???: ??, ?? ? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
          


						
          
					
          
					
          
						
          ? ????? ??
          
						
          ? ?? ??? ????? ???? ??? ??????, ???? ?????? ????. ? ???? ?? ???? ?? ??? ?? ????. ???? ??? ???? ???? ??? ?? admin@php.cn?? ?????.
          
					
          
				
          

				



				
          


				
    


					


											
          
							
          
								
          
									
									
          ? AI ??
          
								
          
								
          
																		
																		
          
											
												Undresser.AI Undress
											
											
          
												
													
          Undresser.AI Undress
          
												          
												
          ???? ?? ??? ??? ?? AI ?? ?
          
											
          
										
          
																		
          
											
												AI Clothes Remover
											
											
          
												
													
          AI Clothes Remover
          
												          
												
          ???? ?? ???? ??? AI ?????.
          
											
          
										
          
																		
																		
          
											
												Video Face Swap
											
											
          
												
													
          Video Face Swap
          
												          
												
          ??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!
          
											
          
										
          
																
          
								
          
									???
								
          
							
          
						
          
					


					


											
          
							
          
								
          
									
									
          ??? ??
          
								
          
								
          
																		
          
											
												???++7.3.1
											
											
          
												
													
          ???++7.3.1
          
												          
												
          ???? ?? ?? ?? ???
          
											
          
										
          
																			
          
											
												SublimeText3 ??? ??
											
											
          
												
													
          SublimeText3 ??? ??
          
												          
												
          ??? ??, ???? ?? ????.
          
											
          
										
          
																			
          
											
												???? 13.0.1 ???
											
											
          
												
													
          ???? 13.0.1 ???
          
												          
												
          ??? PHP ?? ?? ??
          
											
          
										
          
																			
          
											
												???? CS6
											
											
          
												
													
          ???? CS6
          
												          
												
          ??? ? ?? ??
          
											
          
										
          
																			
          
											
												SublimeText3 Mac ??
											
											
          
												
													
          SublimeText3 Mac ??
          
												          
												
          ? ??? ?? ?? ?????(SublimeText3)
          
											
          
										
          
																	
          
								
          
									???
								
          
							
          
						
          
										

					
					
          
						
          
							
          
								
								
          ??? ??
          
							
          
							
          
															
          
									??? ????
									
          
										
          
											
											1597
										
          
										
          
											
											29
										
          
									
          
								
          
															
          
									PHP ????
									
          
										
          
											
											1488
										
          
										
          
											
											72
										
          
									
          
								
          
														
          
							
          
								???
							
          
						
          
					
          
				
          
			
          
							
          
					
          
						
						
          

													
          
								
									node.js?? HTTP ????? ???
								
								node.js?? HTTP ????? ???
								Jul 13, 2025 am	 02:18 AM
								
          Node.js?? HTTP ??? ???? ? ?? ???? ??? ????. 1. ?? ????? ????? ??? ??? ? ?? ????? ?? ?? ? https.get () ??? ?? ??? ??? ? ?? ????? ?? ??? ?????. 2.axios? ??? ???? ? ?? ??????. ??? ??? ??? ??? ??? ??? ???/???, ?? JSON ??, ???? ?? ?????. ??? ?? ??? ????? ?? ????. 3. ?? ??? ??? ??? ??? ???? ???? ??? ??? ???? ?????.
          
							
          
														
          
								
									JavaScript ??? ?? : ?? ? ??
								
								JavaScript ??? ?? : ?? ? ??
								Jul 13, 2025 am	 02:43 AM
								
          JavaScript ??? ??? ?? ?? ? ?? ???? ????. ?? ???? ???, ??, ??, ?, ???? ?? ? ??? ?????. ?? ????? ?? ?? ? ? ??? ????? ?? ??? ??? ????. ??, ?? ? ??? ?? ?? ??? ??? ??? ???? ??? ??? ???? ??? ?? ??? ????. ?? ? ????? ??? ???? ? ??? ? ??? TypeofNull? ??? ?????? ??? ? ????. ? ? ?? ??? ???? ?????? ????? ???? ??? ???? ? ??? ? ? ????.
          
							
          
														
          
								
									REACT vs Angular vs Vue : ?? JS ??? ??? ?? ?????
								
								REACT vs Angular vs Vue : ?? JS ??? ??? ?? ?????
								Jul 05, 2025 am	 02:24 AM
								
          ?? JavaScript ??? ??? ??? ?????? ?? ??? ?? ?? ??? ?? ???? ????. 1. ??? ???? ???? ?? ??? ?? ? ? ???? ??? ??? ?? ? ?? ????? ?????. 2. Angular? ?????? ??? ?? ???? ? ?? ?? ??? ??? ??? ???? ?????. 3. VUE? ???? ?? ??? ???? ?? ?? ??? ?????. ?? ?? ?? ??, ? ??, ???? ???? ? SSR? ???? ??? ??? ??? ???? ? ??? ?????. ???, ??? ??? ??? ????? ????. ??? ??? ??? ??? ?? ????.
          
							
          
														
          
								
									JavaScript Time Object, ??? Google Chrome? EACTEXE, ? ?? ? ???? ?????.
								
								JavaScript Time Object, ??? Google Chrome? EACTEXE, ? ?? ? ???? ?????.
								Jul 08, 2025 pm	 02:27 PM
								
          ?????, JavaScript ???! ?? ? JavaScript ??? ?? ?? ?????! ?? ?? ??? ??? ??? ? ????. Deno?? Oracle? ?? ??, ??? JavaScript ?? ??? ????, Google Chrome ???? ? ??? ??? ???? ?????. ?????! Deno Oracle? "JavaScript"??? ????? Oracle? ?? ??? ??? ??????. Node.js? Deno? ??? ? Ryan Dahl? ??? ?????? ???? ????? JavaScript? ??? ???? Oracle? ????? ???? ?????.
          
							
          
														
          
								
									?? API? ???? ??? ???? ??? ??????
								
								?? API? ???? ??? ???? ??? ??????
								Jul 08, 2025 am	 02:43 AM
								
          Cacheapi? ?????? ?? ???? ??? ???? ???, ?? ??? ??? ?? ???? ? ??? ?? ? ???? ??? ??????. 1. ???? ????, ??? ??, ?? ?? ?? ???? ???? ??? ? ????. 2. ??? ?? ?? ??? ?? ? ? ????. 3. ?? ?? ?? ?? ?? ??? ??? ?? ?????. 4. ??? ???? ?? ?? ???? ?? ?? ?? ?? ?? ???? ?? ?? ??? ??? ? ????. 5. ?? ???? ??, ??? ??? ? ??? ??, ?? ??? ? ?? ???? ???? ???? ? ?? ?????. 6.?? ??? ?? ?? ?? ??, ???? ?? ? HTTP ?? ????? ?????? ???????.
          
							
          
														
          
								
									?? ??? : JavaScript? ??, ?? ?? ? ?? ?????
								
								?? ??? : JavaScript? ??, ?? ?? ? ?? ?????
								Jul 08, 2025 am	 02:40 AM
								
          ??? JavaScript?? ??? ??? ?????? ?? ???????. ?? ??, ?? ?? ? ??? ??? ?? ????? ????? ?????. 1. ?? ??? ??? ????? ???? ??. ()? ?? ??? ??? ?????. ?. ()? ?? ??? ?? ??? ??? ?? ? ? ????. 2. ?? ??? .catch ()? ???? ?? ??? ??? ?? ??? ??????, ??? ???? ???? ????? ??? ? ????. 3. Promise.all ()? ?? ????? (?? ?? ?? ? ??????? ??), Promise.Race () (? ?? ??? ?? ?) ? Promise.AllSettled () (?? ??? ???? ??)
          
							
          
														
          
								
									??? ??. ?? ????? ??? ????? ??? ?? ??
								
								??? ??. ?? ????? ??? ????? ??? ?? ??
								Jul 06, 2025 am	 02:36 AM
								
          .map (), .filter () ? .reduce ()? ?? JavaScript ?? ?? ???? ??? ??? ??? ? ? ????. 1) .map ()? ??? ??? ??? ???? ? ??? ???? ? ?????. 2) .filter ()? ???? ??? ????? ? ?????. 3) .reduce ()? ???? ?? ??? ???? ? ?????. ???? ??? ????? ??? ?? ?? ??? ?????.
          
							
          
														
          
								
									JS Roundup : JavaScript ??? ??? ?? ?? ???
								
								JS Roundup : JavaScript ??? ??? ?? ?? ???
								Jul 08, 2025 am	 02:24 AM
								
          JavaScript? ??? ??? ?? ??, ? ? ? ?? ???? ???? ??? ??? ?????. 1. ?? ??? ?? ??? ???? ??? ??? ??? ??? ?? WebAPI? ?????. 2. WebAPI? ??????? ??? ?? ? ? ??? ?? ??? (??? ?? ?? ???? ??)? ????. 3. ??? ??? ?? ??? ?? ??? ?????. ?? ??? ??? ????? ??? ??? ?? ? ???? ?????. 4. ???? ?? (? : Promise. 5. ??? ??? ???? ?? ???? ???? ?? ?? ?? ??? ????? ? ??????.
          
							
          
													
          

													
								See all articles
								
							
											
          
				
          
					
          
	
          
	
          
    

          






		
	
	
	
	
	

	
	











        • <abbr id="6ouag"><strong id="6ouag"></strong></abbr>
        • <tfoot id="6ouag"><samp id="6ouag"></samp></tfoot><strike id="6ouag"><samp id="6ouag"></samp></strike>