Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
FlutterMTL September Meetup - Build Full-Stack ...
Search
GDG Montreal
September 21, 2023
Programming
0
120
FlutterMTL September Meetup - Build Full-Stack App in Dart
GDG Montreal
September 21, 2023
Tweet
Share
More Decks by GDG Montreal
See All by GDG Montreal
Advanced Pregnancy Risk Assessment Using AI Model Chain by Kiruthika Subramani
gdgmontreal
0
15
Al and Security: A double edge sword? by Stacy Véronneau and Yan Bellerose
gdgmontreal
0
28
Scaling AI on a Budget: A Startup's GPU Optimization Journey by Shannon Lal
gdgmontreal
0
19
Build Your Own Secured AI Platform with Google Cloud Vertex AI by unleashing the Power of Multi-LLM by Eckarath Khounsombath
gdgmontreal
0
38
FlutterMTL_-_Flutter_Next_24.pdf
gdgmontreal
0
19
Developing Flutter Applications in Dev Container Environments - Ali Yazdi
gdgmontreal
0
77
Building an ML powered Android Livestreaming App by Etienne Caron
gdgmontreal
1
41
Boosting Your Mobile App: Small Details, Big Impact by Mathieu Fillion
gdgmontreal
0
17
The Hitchhiker's Guide to MLOps by David Cardozo
gdgmontreal
0
10
Other Decks in Programming
See All in Programming
社内フレームワークとその依存性解決 / in-house framework and its dependency management
vvakame
1
550
SpringBoot3.4の構造化ログ #kanjava
irof
2
970
昭和の職場からアジャイルの世界へ
kumagoro95
1
350
chibiccをCILに移植した結果 (NGK2025S版)
kekyo
PRO
0
210
なぜイベント駆動が必要なのか - CQRS/ESで解く複雑系システムの課題 -
j5ik2o
7
2.5k
Djangoアプリケーション 運用のリアル 〜問題発生から可視化、最適化への道〜 #pyconshizu
kashewnuts
1
230
Rails アプリ地図考 Flush Cut
makicamel
1
110
Multi Step Form, Decentralized Autonomous Organization
pumpkiinbell
1
660
Writing documentation can be fun with plugin system
okuramasafumi
0
120
Amazon ECS とマイクロサービスから考えるシステム構成
hiyanger
2
490
定理証明プラットフォーム lapisla.net
abap34
1
1.7k
『GO』アプリ データ基盤のログ収集システムコスト削減
mot_techtalk
0
110
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1367
200k
Docker and Python
trallard
44
3.3k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
20
2.4k
Building Better People: How to give real-time feedback that sticks.
wjessup
366
19k
Testing 201, or: Great Expectations
jmmastey
41
7.2k
Bash Introduction
62gerente
610
210k
Building Adaptive Systems
keathley
40
2.4k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Navigating Team Friction
lara
183
15k
Code Reviewing Like a Champion
maltzj
521
39k
GitHub's CSS Performance
jonrohan
1030
460k
Transcript
Build Full-Stack Dart Application Jhin Lee, S/W Developer @Unity
Jhin Lee Full-Stack Developer @Unity | GDG & Flutter Montreal
Organizer • Full Stack Developer (Android, iOS, Flutter, Web, DevOps or anything!) • 10yr+ Android and Embedded System Engineer (AOSP, Linux Kernel, HAL, etc.) • Scrum Master (PSM2) • https://www.linkedin.com/in/leehack/
Agenda 1 2 3 4 5 Why full-stack in Dart?
What do we build? Global Architecture Project Structure Reset APIs 6 Let’s Code!
One Programming Language Share codes between Backend and Frontend Flutter
(and Dart Frog!) It’s easy and fun! Performance??? + + + Why Full Stack in Dart? + +
So, What will we build today?
None
Global Architecture • Frontend in Flutter • Backend in Dart
Frog • Shared package in pure Dart
Project Structure Mono repo • Frontend Flutter Codes in /packages/frontend_flutter
◦ Flutter UI and REST API Client • Backend Dart Frog Codes in /packages/backend_frog ◦ Dart Frog REST API Server • Shared library in /packages/todo ◦ Data Model ◦ Repository Interface Frontend and Backend uses the Shared library as a dependency.
REST APIs • /todos ◦ POST - Add a new
todo ◦ GET - Get all todo list • /todos/:id ◦ GET - Get a todo by id ◦ PUT - Update a todo ◦ DELETE - Delete a todo by id
Let’s Code! Dart Frog Flutter Docker Melos Riverpod
References • Article for more detail - https://dev.to/leehack/lets-build-a-full-stack-dart-app-36lm • Dart
Frog Website - https://dartfrog.vgv.dev/ • Melos Website - https://melos.invertase.dev/ • Riverpod Website - https://riverpod.dev/
Questions?
Thank you!