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
74
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
82
FlutterMTL_-_Flutter_Next_24.pdf
gdgmontreal
0
64
Developing Flutter Applications in Dev Container Environments - Ali Yazdi
gdgmontreal
0
270
Building an ML powered Android Livestreaming App by Etienne Caron
gdgmontreal
1
87
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
All About Angular's New Signal Forms
manfredsteyer
PRO
0
190
TFLintカスタムプラグインで始める Terraformコード品質管理
bells17
2
260
Go言語はstack overflowの夢を見るか?
logica0419
0
420
overlayPreferenceValue で実現する ピュア SwiftUI な AdMob ネイティブ広告
uhucream
0
190
kiroとCodexで最高のSpec駆動開発を!!数時間で web3ネイティブなミニゲームを作ってみたよ!
mashharuki
0
710
コードとあなたと私の距離 / The Distance Between Code, You, and I
hiro_y
0
180
Flutterで分数(Fraction)を表示する方法
koukimiura
0
130
Introduce Hono CLI
yusukebe
6
2.8k
Catch Up: Go Style Guide Update
andpad
0
230
Leading Effective Engineering Teams in the AI Era
addyosmani
7
470
Devvox Belgium - Agentic AI Patterns
kdubois
1
130
Range on Rails ―「多重範囲型」という新たな選択肢が、複雑ロジックを劇的にシンプルにしたワケ
rizap_tech
0
6.7k
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Designing for humans not robots
tammielis
254
26k
Gamification - CAS2011
davidbonilla
81
5.5k
The Invisible Side of Design
smashingmag
302
51k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
What's in a price? How to price your products and services
michaelherold
246
12k
Building Applications with DynamoDB
mza
96
6.7k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
RailsConf 2023
tenderlove
30
1.3k
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!