What Code Can & Can't Be Shared Between AdonisJS & Inertia
In this lesson, we'll discuss what code we can and cannot share between AdonisJS and Inertia.
- Author
- Tom Gobich
- Published
- Sep 06
- Duration
- 3m 10s
Developer, dog lover, and burrito eater. Currently teaching AdonisJS, a fully featured NodeJS framework, and running Adocasts where I post new lessons weekly. Professionally, I work with JavaScript, .Net C#, and SQL Server.
Adocasts
Burlington, KY
Transcript
What Code Can & Can't Be Shared Between AdonisJS & Inertia
-
Getting Started
-
The Basics
-
2.0The Flow of Pages and Page Props6m 55s
-
2.1Sharing Data from AdonisJS to Vue via Inertia7m 37s
-
2.2Linking Between Pages & Page State Flow5m 58s
-
2.3The Link Component and Programmatic Linking8m 32s
-
2.4Global Components and Hydration Mismatch in Action5m 0s
-
2.5Partial and Lazy Data Loading and Evaluation9m 11s
-
2.6Creating A Layout6m 55s
-
2.7Default Layouts & Overwriting the Default Layout6m 0s
-
2.8Specifying Page Titles & Meta Tags8m 59s
-
2.9What Code Can & Can't Be Shared Between AdonisJS & Inertia3m 10s
-
-
Working with Forms
-
Database & Project Scaffolding
-
Understanding Our Database Schema2m 18s
-
Defining Our Migrations & Foreign Keys13m 48s
-
Defining Our Lucid Models & Relationships19m 8s
-
Creating A Lucid Model Mixin for our Organization Relationship8m 29s
-
Seeding Our Initial Database Data3m 39s
-
Typing Lucid Models in Inertia with DTOs10m 58s
-
Completing Our AppLayout & Navigation Bar16m 31s
-
Creating A Toast Message Manager15m 7s
-
-
Authentication & Onboarding
-
The User's Organizations
-
Setting & Loading the User's Active Organization12m 42s
-
Listing the User's Organizations6m 42s
-
The Form Dialog Component & Adding Organizations11m 51s
-
Switching Between Organizations2m 56s
-
Creating A UseResourceActions Composable8m 42s
-
Editing the Active Organization7m 0s
-
The Confirm Delete Dialog & Deleting the Active Organization18m 24s
-
-
Difficulties, Statuses, & Access Levels
-
Listing & Creating Difficulties15m 14s
-
Updating Difficulties4m 44s
-
Confirming & Deleting Difficulties4m 15s
-
Replacing A Course's Deleted Difficulty16m 31s
-
Reusable VineJS Exists In Organization Validation3m 38s
-
Sorting Difficulties with Drag & Drop9m 21s
-
Creating A Reusable Sorting Vue Component4m 1s
-
Replicating Behaviors for Access Levels & Statuses14m 28s
-
-
Courses
-
Modules & Lessons
-
Querying & Listing Sortable Course Modules14m 43s
-
Creating, Editing, & Deleting Course Modules15m 57s
-
Creating & Listing Sortable Course Lessons19m 30s
-
Editing & Deleting Course Lessons5m 9s
-
Adding A Publish Date & Time Input8m 20s
-
Patching Tag Changes for our Modules & Lessons8m 42s
-
Storing Module Order Changes from Vue Draggable8m 31s
-
Storing Lesson Order Changes & Handling Cross-Module Drag & Drops15m 44s
-
Join The Discussion! (4 Comments)
Please sign in or sign up for free to join in on the dicussion.
nonwiz
Just wondering what's the clean way (if possible) to have a function that can be reused in both inertia scope and adonisjs scope. For example Enum that created at `/app/enums/…ts`, how do I make it possible so I can call it from my inertiajs scope. For now, I alway copy it twice to put under inertia just so i can use it.
Please sign in or sign up for free to reply
tomgobich
Hi nonwiz! As we did with the service in this lesson, you can import and use enums directly inside your frontend. It'll then be bundled with the frontend code when you build it.
Please sign in or sign up for free to reply
nonwiz
Thank tom!
Please sign in or sign up for free to reply
tomgobich
Anytime, nonwiz!!
Please sign in or sign up for free to reply