Feldolgozó vagyok, aki rengeteg egyoldalas alkalmazást készít a Laravel és a Vue segítségével, ami egy nagyszerű kombináció. Mivel azonban gyakran egyedül dolgozom ezeken a projekteken, néha hiányzik a kapcsolat a két keret között. Például, amikor egy Laravel-alkalmazáson dolgozik, rendkívül egyszerű az adatokat a vezérlőktől a blade nézetekbe juttatni. Ha azonban a Vue-val dolgozik az alkalmazás frontendjén, először kérést kell küldenie az API-nak, majd feldolgoznia kell a választ. De mi lenne, ha azt mondanám, hogy van ennek sokkal egyszerűbb módja is?
Hadd mutassam be az Inertia.js-t. Ha még nem hallott a tehetetlenségről, nem fogom hibáztatni. Az első hivatalos kiadás még csak 2019 augusztusa óta jelent meg, de népszerűsége már most is nagyon gyorsan nő. Az Inertia lehetővé teszi a fejlesztők számára, hogy zökkenőmentesen kapcsolatot hozzanak létre a háttér- és a frontend keretrendszerük között. Egyik legnagyobb tulajdonsága a széles körű elérhetőség. Amíg arról beszéltem, hogy a Laravel & Vue-t használom projektjeimhez, az Inertiát is használhatja, ha Rails-sel, React-tal vagy Svelte-tel dolgozik (és bármilyen kombinációt elkészíthet, amit szeretne). Tehát mi az a tehetetlenség pontosan, és hogyan működik?
Mi az?
Az Inertia azért jött létre, hogy ragasztó legyen a háttér- és a frontend keretrendszer között. Anélkül, hogy manuálisan kellene létrehoznia egy API-t vagy bármi mást, most könnyedén beillesztheti modelljeiből és vezérlőiből származó adatokat a nézeteibe. Ha például a Laravel & Vue-t használná, akkor többé nem kell telepítenie az Axiost, és nem kell kérelmet benyújtania a Laravel alkalmazáshoz. Mindössze annyit kell tennie, hogy megadja a megfelelő Vue komponenst és azokat az adatokat, amelyeket át kell adni a Laravel vezérlőjében, és az Inertia mindent megtesz helyette. Használhatja a <inertia-link> összetevőt, hogy az Inertia elfogjon egy átirányítást, és helyette XHR-en keresztül hajtsa végre a látogatást. Ez lehetővé teszi, hogy bonyolult egyoldalas alkalmazásokat hozzon létre anélkül, hogy a modern SPA-k építésénél felmerülő gondok merülnének fel.
Ki használja?
Ha az alkalmazás szerveroldalán a Laravel vagy a Ruby, a kliensoldalon pedig a Vue, React vagy Svelte segítségével dolgozik, akkor nagy változás következik be, hogy az Inertia pontosan az, amire szüksége van! Főleg, ha full-stack fejlesztő vagy (ami azt jelenti, hogy mindkét oldalon dolgozni kell), az Inertia jelentősen felgyorsíthatja a munkafolyamatot, mivel nem kell többé kiterjedt REST vagy GraphQL API-kat építenie, vagy több dolgot kell beállítania. adattárak vagy tárhelyfiókok. A tehetetlenség szoros kapcsolatot hoz létre a háttér és a frontend között, anélkül, hogy minden munkát Önnek kellene elvégeznie. Továbbra is ugyanúgy használhatja keretrendszereit, mint korábban, és felhasználói továbbra is ugyanazt a SPA-élményt élvezhetik, mint amikor nem használnák az Inertiát.
További információ és élő bemutató
Még nem sok youtube videó vagy Medium cikk található az Inertiáról, de szerencsére az Inertia fejlesztői sok információval szolgáltak a "webhelyükön". Ezen kívül elérhető egy nagyon kiterjesztett demó is (ugyanazok a fejlesztők készítettek) a http://demo.inertiajs.com/login címen, beleértve a GitHub repót.
A 2. rész az Inertia használatának megkezdéséről és a Laravel & Vue legelső projektjének létrehozásáról fog szólni. Maradjon velünk, mert hamarosan érkezik!
