Inertia.js – современный монолит
Вы знаете, как пишутся SPA на Laravel? Если коротко, не очень удобно. Конечно, можно использовать любой фронтенд-фреймворк. Традиционно принято работать со связкой Laravel + Vue.js.
То есть сначала мы создаем на бэкенде эндпоинт, а затем на фронте получаем с него данные через AJAX-запрос.
Удобно ли это? Смотря для кого. Фронтендерам не привыкать. AJAX на сегодня – самый классический способ получения данных с сервера. Но, если вы до этого много работали с Blade, вы понимаете, насколько это больше телодвижений.
Хотелось бы как с Blade, просто вернуть страницу уже с массивом данных, доступном на фронте как переменные:
Какая разница? Она заметна, если нам нужно добавить еще какую-нибудь информацию во фронтенд-компонент. С Blade мы просто добавляем новую пару ключ-значение в массив данных. Но если Laravel – это просто API, нам нужно по-хорошему создавать отдельный эндпоинт. И т.д. и т.п.
От этого неудобства нас избавляет библиотека Inertia.js. С её помощью мы можем писать своё приложение так, будто бы мы пишем всё на Blade. Однако вместо него на стороне фронта использовать любимый фреймворк – Vue, React или Svelte.
Кроме Laravel, Inertia.js также может работать с бэкендом на Rails. И это только официально. Сторонние разработчики также добавляют поддержку других фреймворков и библиотек (например, Symfony или Yii2).
Далее все примеры будут на Vue.js и Laravel. Но при этом держите в уме, что всё это же можно делать и с другими вышеуказанными библиотеками.
Теперь на стороне сервера мы пишем
Круто! Но это еще не всё.
Ну и моё любимое: валидация на сервере. Больше не нужно отправлять ошибки AJAX-ом, а потом парсить их на фронте, где-то сохранять и таскать оттуда. Теперь можно просто расшарить ошибки из сессии в AppServiceProvider
Тоже самое для уведомлений и любых других общих для всех компонентов данных.
При этом, данные можно шарить как синхронно (как в примере выше), так и «лениво», просто передавая в массив вместо самих данных колбэк, который их возвращает.
Чтобы начать пользоваться, переходим в документации на страницу установки, выбираем нужные адаптеры – один для фронта, другой для бэка – и просто следуем инструкциям (1, 2).
Кстати, документация очень небольшая и удобная, всё наглядно и понятно, есть примеры на всех официально поддерживаемых фреймворках. Есть даже демо-приложение для того, чтобы посмотреть на всё в работе.
Я рассказал только об основных возможностях этой библиотеки. Тем не менее, если вы всё еще не впечатлены, я не знаю, как еще я могу вас удивить. Про остальные фишки вы можете узнать в той же документации. Среди них, удобная работа с ошибками в ходе разработки, кэширование локального состояния компонента и другие.
Но как и в любой бочке мёда, тут есть своя ложка дегтя.
Во-первых, Inertia.js должен контролировать рендеринг. Это значит, что нельзя просто перевести какой-то конкретный компонент на Inertia.js, нужно переносить всё приложение. По крайней мере, весь инстанс (если у вас микрофронтенды).
Во-вторых, тут нет Server-Side Rendering (SSR). Что, в принципе, неудивительно, ведь это просто прослойка между фронтом и бэком, а фронт как был SPA без SSR, так и остается. Но, возможно, эту функциональность добавят в будущем, разработчики говорят, что это возможно. Если вам кровь из носа нужен SSR, стоит посмотреть на бойца в противоположном углу ринга – Livewire. Но про него как-нибудь в другой раз.
Ну и в-третьих, Inertia.js – еще очень молодой проект. Последняя версия на момент написания статьи – v0.1.9. Поэтому смотрите сами, хотите ли вы использовать его в продакшене.
Тем не менее, я советую всем web-разработчикам попробовать и оценить самим этот замечательный инструмент.
inertia switch
Смотреть что такое «inertia switch» в других словарях:
inertia switch — An electrical switch that is actuated by the sudden acceleration of an aircraft. Inertia switches are used in emergency locator transmitters, which get activated when the aircraft decelerates rapidly during crash landings … Aviation dictionary
switch — A device that opens and closes an electric circuit. See actuating switch ambient temperature switch authority Limit Switch battery master switch dimmer switch dipper switch door pillar switch fuel cut off switch fuel pump shut off switch … Dictionary of automotive terms
inertia fuel cut-off switch — See fuel pump shut off switch … Dictionary of automotive terms
Mercury switch — A Single Pole, Single Throw (SPST) mercury switch on millimetre graph paper … Wikipedia
cut-off switch — See fuel cut off switch power cut off switch inertia fuel cut off switch power cut off switch fuel cut off switch inertia fuel cut off switch … Dictionary of automotive terms
fuel cut-off switch — A control device which manually or automatically turns off the flow of fuel. Also see inertia fuel cut off switch … Dictionary of automotive terms
Motion detection — is a process of confirming a change in position of an object relative to its surroundings or the change in the surroundings relative to an object. This detection can be achieved by both mechanical and electronic methods. In addition to discrete,… … Wikipedia
Fuel pump — should not be confused with fuel dispenser, a device that dispenses fuel into an automobile. A high pressure fuel pump on a Yanmar 2GM20 marine diesel engine. A fuel pump is a frequently (but not always) essential component on a car or other… … Wikipedia
Nasim (car) — Infobox Automobile boxcolor = darkgreen name = Nasim manufacturer = Saipa production = 1998–Present body style = 5 door engine = 1138 cc SOHC, 56 hp (42 kW), 65 ft·lbf (88 N·m) 1324 cc SOHC, 71×83.6 mm, 65 hp (48.5 kW), 77 ft·lbf (105 N·m) 1290… … Wikipedia
выключатель с замедлителем — — [Я.Н.Лугинский, М.С.Фези Жилинская, Ю.С.Кабиров. Англо русский словарь по электротехнике и электроэнергетике, Москва, 1999 г.] Тематики электротехника, основные понятия EN inertia switch … Справочник технического переводчика
Mechanics of planar particle motion — Classical mechanics Newton s Second Law History of classical mechanics … Wikipedia
inertia switch
Смотреть что такое «inertia switch» в других словарях:
inertia switch — An electrical switch that is actuated by the sudden acceleration of an aircraft. Inertia switches are used in emergency locator transmitters, which get activated when the aircraft decelerates rapidly during crash landings … Aviation dictionary
switch — A device that opens and closes an electric circuit. See actuating switch ambient temperature switch authority Limit Switch battery master switch dimmer switch dipper switch door pillar switch fuel cut off switch fuel pump shut off switch … Dictionary of automotive terms
inertia fuel cut-off switch — See fuel pump shut off switch … Dictionary of automotive terms
Mercury switch — A Single Pole, Single Throw (SPST) mercury switch on millimetre graph paper … Wikipedia
cut-off switch — See fuel cut off switch power cut off switch inertia fuel cut off switch power cut off switch fuel cut off switch inertia fuel cut off switch … Dictionary of automotive terms
fuel cut-off switch — A control device which manually or automatically turns off the flow of fuel. Also see inertia fuel cut off switch … Dictionary of automotive terms
Motion detection — is a process of confirming a change in position of an object relative to its surroundings or the change in the surroundings relative to an object. This detection can be achieved by both mechanical and electronic methods. In addition to discrete,… … Wikipedia
Fuel pump — should not be confused with fuel dispenser, a device that dispenses fuel into an automobile. A high pressure fuel pump on a Yanmar 2GM20 marine diesel engine. A fuel pump is a frequently (but not always) essential component on a car or other… … Wikipedia
Nasim (car) — Infobox Automobile boxcolor = darkgreen name = Nasim manufacturer = Saipa production = 1998–Present body style = 5 door engine = 1138 cc SOHC, 56 hp (42 kW), 65 ft·lbf (88 N·m) 1324 cc SOHC, 71×83.6 mm, 65 hp (48.5 kW), 77 ft·lbf (105 N·m) 1290… … Wikipedia
выключатель с замедлителем — — [Я.Н.Лугинский, М.С.Фези Жилинская, Ю.С.Кабиров. Англо русский словарь по электротехнике и электроэнергетике, Москва, 1999 г.] Тематики электротехника, основные понятия EN inertia switch … Справочник технического переводчика
Mechanics of planar particle motion — Classical mechanics Newton s Second Law History of classical mechanics … Wikipedia
inertia switch
Смотреть что такое «inertia switch» в других словарях:
inertia switch — An electrical switch that is actuated by the sudden acceleration of an aircraft. Inertia switches are used in emergency locator transmitters, which get activated when the aircraft decelerates rapidly during crash landings … Aviation dictionary
switch — A device that opens and closes an electric circuit. See actuating switch ambient temperature switch authority Limit Switch battery master switch dimmer switch dipper switch door pillar switch fuel cut off switch fuel pump shut off switch … Dictionary of automotive terms
inertia fuel cut-off switch — See fuel pump shut off switch … Dictionary of automotive terms
Mercury switch — A Single Pole, Single Throw (SPST) mercury switch on millimetre graph paper … Wikipedia
cut-off switch — See fuel cut off switch power cut off switch inertia fuel cut off switch power cut off switch fuel cut off switch inertia fuel cut off switch … Dictionary of automotive terms
fuel cut-off switch — A control device which manually or automatically turns off the flow of fuel. Also see inertia fuel cut off switch … Dictionary of automotive terms
Motion detection — is a process of confirming a change in position of an object relative to its surroundings or the change in the surroundings relative to an object. This detection can be achieved by both mechanical and electronic methods. In addition to discrete,… … Wikipedia
Fuel pump — should not be confused with fuel dispenser, a device that dispenses fuel into an automobile. A high pressure fuel pump on a Yanmar 2GM20 marine diesel engine. A fuel pump is a frequently (but not always) essential component on a car or other… … Wikipedia
Nasim (car) — Infobox Automobile boxcolor = darkgreen name = Nasim manufacturer = Saipa production = 1998–Present body style = 5 door engine = 1138 cc SOHC, 56 hp (42 kW), 65 ft·lbf (88 N·m) 1324 cc SOHC, 71×83.6 mm, 65 hp (48.5 kW), 77 ft·lbf (105 N·m) 1290… … Wikipedia
выключатель с замедлителем — — [Я.Н.Лугинский, М.С.Фези Жилинская, Ю.С.Кабиров. Англо русский словарь по электротехнике и электроэнергетике, Москва, 1999 г.] Тематики электротехника, основные понятия EN inertia switch … Справочник технического переводчика
Mechanics of planar particle motion — Classical mechanics Newton s Second Law History of classical mechanics … Wikipedia
inertia switch
выключатель с замедлителем
—
[Я.Н.Лугинский, М.С.Фези-Жилинская, Ю.С.Кабиров. Англо-русский словарь по электротехнике и электроэнергетике, Москва, 1999 г.]
Тематики
Смотреть что такое «inertia switch» в других словарях:
inertia switch — An electrical switch that is actuated by the sudden acceleration of an aircraft. Inertia switches are used in emergency locator transmitters, which get activated when the aircraft decelerates rapidly during crash landings … Aviation dictionary
switch — A device that opens and closes an electric circuit. See actuating switch ambient temperature switch authority Limit Switch battery master switch dimmer switch dipper switch door pillar switch fuel cut off switch fuel pump shut off switch … Dictionary of automotive terms
inertia fuel cut-off switch — See fuel pump shut off switch … Dictionary of automotive terms
Mercury switch — A Single Pole, Single Throw (SPST) mercury switch on millimetre graph paper … Wikipedia
cut-off switch — See fuel cut off switch power cut off switch inertia fuel cut off switch power cut off switch fuel cut off switch inertia fuel cut off switch … Dictionary of automotive terms
fuel cut-off switch — A control device which manually or automatically turns off the flow of fuel. Also see inertia fuel cut off switch … Dictionary of automotive terms
Motion detection — is a process of confirming a change in position of an object relative to its surroundings or the change in the surroundings relative to an object. This detection can be achieved by both mechanical and electronic methods. In addition to discrete,… … Wikipedia
Fuel pump — should not be confused with fuel dispenser, a device that dispenses fuel into an automobile. A high pressure fuel pump on a Yanmar 2GM20 marine diesel engine. A fuel pump is a frequently (but not always) essential component on a car or other… … Wikipedia
Nasim (car) — Infobox Automobile boxcolor = darkgreen name = Nasim manufacturer = Saipa production = 1998–Present body style = 5 door engine = 1138 cc SOHC, 56 hp (42 kW), 65 ft·lbf (88 N·m) 1324 cc SOHC, 71×83.6 mm, 65 hp (48.5 kW), 77 ft·lbf (105 N·m) 1290… … Wikipedia
выключатель с замедлителем — — [Я.Н.Лугинский, М.С.Фези Жилинская, Ю.С.Кабиров. Англо русский словарь по электротехнике и электроэнергетике, Москва, 1999 г.] Тематики электротехника, основные понятия EN inertia switch … Справочник технического переводчика
Mechanics of planar particle motion — Classical mechanics Newton s Second Law History of classical mechanics … Wikipedia
