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
140
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
46
Al and Security: A double edge sword? by Stacy Véronneau and Yan Bellerose
gdgmontreal
0
76
Scaling AI on a Budget: A Startup's GPU Optimization Journey by Shannon Lal
gdgmontreal
0
54
Build Your Own Secured AI Platform with Google Cloud Vertex AI by unleashing the Power of Multi-LLM by Eckarath Khounsombath
gdgmontreal
0
84
FlutterMTL_-_Flutter_Next_24.pdf
gdgmontreal
0
65
Developing Flutter Applications in Dev Container Environments - Ali Yazdi
gdgmontreal
0
270
Building an ML powered Android Livestreaming App by Etienne Caron
gdgmontreal
1
88
Boosting Your Mobile App: Small Details, Big Impact by Mathieu Fillion
gdgmontreal
0
37
The Hitchhiker's Guide to MLOps by David Cardozo
gdgmontreal
0
39
Other Decks in Programming
See All in Programming
あなたとKaigi on Rails / Kaigi on Rails + You
shimoju
0
180
CSC305 Lecture 09
javiergs
PRO
0
300
開発組織の戦略的な役割と 設計スキル向上の効果
masuda220
PRO
6
950
Flutterで分数(Fraction)を表示する方法
koukimiura
0
140
AI Coding Meetup #3 - 導入セッション / ai-coding-meetup-3
izumin5210
0
3.4k
Six and a half ridiculous things to do with Quarkus
hollycummins
0
210
技術的負債の正体を知って向き合う
irof
0
230
EMこそClaude Codeでコード調査しよう
shibayu36
0
320
AI駆動で0→1をやって見えた光と伸びしろ
passion0102
1
770
Leading Effective Engineering Teams in the AI Era
addyosmani
7
570
コードとあなたと私の距離 / The Distance Between Code, You, and I
hiro_y
0
190
なんでRustの環境構築してないのにRust製のツールが動くの? / Why Do Rust-Based Tools Run Without a Rust Environment?
ssssota
6
8.5k
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
How to Ace a Technical Interview
jacobian
280
24k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
Docker and Python
trallard
46
3.6k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
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!