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 App in Dart
Search
GDG Montreal
September 21, 2023
Programming
0
91
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
Leveraging Go's Power in your Flutter App - Jhin Lee
gdgmontreal
0
15
Building Custom Render Objects - Lenz Paul
gdgmontreal
0
10
Google I/O extended 2024 - What's new in Android?
gdgmontreal
0
20
Google I/O extended 2024 - What's new in Flutter?
gdgmontreal
0
22
Google I/O extended 2024 - What's new in Cloud?
gdgmontreal
0
13
Google I/O extended 2024 - Gemini: Exploration of Multimodality and Improvement through Code
gdgmontreal
0
9
Build an Application with FlutterFlow - Eckarath Khounsombath
gdgmontreal
0
16
Advanced and Engaging UI in Flutter - Ali Yazdi
gdgmontreal
0
36
Flutter with riverpod and code structure
gdgmontreal
0
27
Other Decks in Programming
See All in Programming
AWSでゲームサーバーを運用! Amazon GameLiftのお話
iriikeita
0
200
スクラムマスターって孤独じゃないですか?
yoshitaroyoyo
1
140
【Go言語】golangci-lintの使い方
tomo1227
0
270
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
2
81k
大規模マルチテナントを解決するYugabyteDBという選択肢
nnaka2992
1
250
企業向け生成AIアプリの 開発から得られた知見
takaakikakei
0
310
DMMプラットフォームにおけるTiDBの導入から運用まで
pospome
7
3k
Javaの現状2024夏 / Java current status 2024 summer
kishida
4
1.4k
TiDB Serverless ~理想のServerless DBを考える~
soso_15315
1
160
コード生成を伴うLLMエージェント - 2024.07.18 Tokyo AI
smiyawaki0820
11
4.1k
From Spring Boot 2 to Spring Boot 3 with Java 22 and Jakarta EE
ivargrimstad
0
1.9k
Modern Angular: Renovation for Your Applications
manfredsteyer
PRO
0
140
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
63
4.2k
Building an army of robots
kneath
301
42k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
44
4.7k
From Idea to $5000 a Month in 5 Months
shpigford
377
46k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.3k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
248
20k
How To Stay Up To Date on Web Technology
chriscoyier
784
250k
Thoughts on Productivity
jonyablonski
64
4.1k
Design by the Numbers
sachag
277
18k
Building Effective Engineering Teams - LeadDev
addyosmani
47
2.2k
What’s in a name? Adding method to the madness
productmarketing
PRO
21
2.9k
Rails Girls Zürich Keynote
gr2m
93
13k
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!