Inertia.js Sekarang Sudah Versi 1.0

Tepat pada tanggal 14 januari, Inertia.js telah resmi rilis versi 1.0, yang mana pada rilis kali ini semua di buat lebih singkat. Lebih singkat dalam arti tidak terpisah-pisah lagi.

2 min read

Published on 17 Jan (updated: 18 Jan)

Written by Irsyad A. Panjaitan

Fill in InertiaReleased

ArticlesInertia.js Sekarang Sudah Versi 1.0

Tepat pada tanggal 14 januari, Inertia.js telah resmi rilis versi 1.0, yang mana pada rilis kali ini semua di buat lebih singkat. Lebih singkat dalam arti tidak terpisah-pisah lagi.

Biasanya, jika kita ingin menggunakan Inertia, kita harus install beberapa package seperti @inertiajs/inertia, @inertiajs/progress jika butuh progress, @inertiajs/inertia-stack, dan ketika menggunakan ssr, pastinya kita juga akan membutuhkan @inertiajs/server. Sekarang ini, tidak perlu lagi, tinggal install saja inertia sesuai stack yang di inginkan, entah itu react, vue atau pun svelte.

Sebelumnya jika Anda ingin melihat langsung cara upgrade nya di youtube, bisa langsung disini ya.

Berikut beberapa perubahan yang akan di lakukan jika ingin update inertia ke versi 1. Pertama sekali, lakukan uninstall pada packages yang telah terinstall pada versi sebelumnya.

npm remove @inertiajs/inertia @inertiajs/inertia-react @inertiajs/progress @inertiajs/server
bashCopy

Kemudian, silakan install inertia dengan cara:

npm install @inertiajs/react
bashCopy

Setelah itu, perlu beberapa perubahan seperti:

- import { Inertia } from '@inertiajs/inertia' + import { router } from '@inertiajs/react' - import createServer from '@inertiajs/server' + import createServer from '@inertiajs/react/server' - import { createInertiaApp } from '@inertiajs/inertia-react' - import { App } from '@inertiajs/inertia-react' - import { app } from '@inertiajs/inertia-react' - import { InertiaApp } from '@inertiajs/inertia-react' + import { createInertiaApp } from '@inertiajs/react' - import { usePage } from '@inertiajs/inertia-react' + import { usePage } from '@inertiajs/react' - import { useForm } from '@inertiajs/inertia-react' + import { useForm } from '@inertiajs/react' - import { useRemember } from '@inertiajs/inertia-react' - import { useRememberedState } from '@inertiajs/inertia-react' + import { useRemember } from '@inertiajs/react' - import { Head } from '@inertiajs/inertia-react' - import { InertiaHead } from '@inertiajs/inertia-react' + import { Head } from '@inertiajs/react' - import { Link } from '@inertiajs/inertia-react' - import { link } from '@inertiajs/inertia-react' - import { InertiaLink } from '@inertiajs/inertia-react' + import { Link } from '@inertiajs/react'
jsxCopy

Next jika Anda menggunakan progress, maka Anda bisa hapus progress nya seperti:

npm remove @inertiajs/progress
bashCopy

Kemudian, lakukan beberapa perubahan.

- import { InertiaProgress } from '@inertiajs/progress' - InertiaProgress.init()
jsxCopy

Dan sekarang progress akan by default berada di dalam core inertia nya sendiri seperti:

createInertiaApp({ progress: { color: "#38BDF8", }, // ... });
jsxCopy

atau jika ingin menghapusnya bisa dengan:

createInertiaApp({ progress: false, // ... });
jsxCopy

Yang diatas adalah guide jika Anda menggunakan react, jika Anda sedang menggunakan vue, maka bisa di sesuaikan sendiri. Atau bisa langsung lihat pada dokumentasi resmi nya disini.

Saat saya menulis artikel ini, laravel breeze dan jetstream belum upgrade ke versi 1, tapi ini tidak akan lama harusnya. Sebentar lagi juga akan di perbarui oleh tim laravel. Semoga informasi ini bermanfaat, saya Irsyad, sampai jumpa di artikel selanjutnya.

Irsyad A. Panjaitan

Let's start living like no one can help us in any event, so that when we are helped in certain times, it becomes a plus in itself.
2

Share on