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
79
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
Build an AI doctor assistant on Android by Florian Denu
gdgmontreal
0
33
Building an arcade with Android by Éric Boissonneault
gdgmontreal
0
21
Navidot - Presentation of a school project using Flutter in 3 months
gdgmontreal
0
12
Getting Started Right: A Guide to Project Structure & Architecture
gdgmontreal
0
13
Flutter @Next’24 - How Google did promoted Flutter
gdgmontreal
0
10
Introduction to Game Development in Flutter with Flame
gdgmontreal
0
21
Leveraging generics to create flexible, type-safe, highly reusable code
gdgmontreal
0
16
Demystifying OWASP Top 10 Mobile Risks
gdgmontreal
0
16
Core concepts of Navigation in Flutter
gdgmontreal
0
26
Other Decks in Programming
See All in Programming
TypeScriptでもLLMアプリケーション開発 / LLM Application In Typescript
rkaga
5
1.3k
Next.js App Router
quramy
14
2.3k
Using "modern" Ruby to build a better, faster Homebrew
mikemcquaid
2
250
FoodGram
iseruuuuu
0
230
TypeScript 関数型スタイルでバックエンド開発のリアル
naoya
49
16k
Go製Webアプリケーションのエラーとの向き合い方大全、あるいはやっぱりスタックトレース欲しいやん / Kyoto.go #50
utgwkk
6
2k
Docker_OSS_ホスティング入門
satokoki645
0
140
TypeScriptから始める VR生活
tamagokakeg
2
110
TypeScriptとGraphQLで実現する 型安全なAPI実装 / TSKaigi 2024
hokaccha
5
2.7k
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
2
74k
TypeScriptコードの漸進的改善 / Progressive Improvement of TypeScript Code
medley
1
430
Direct Style Effect Systems The Print[A] ExampleA Comprehension Aid
philipschwarz
PRO
0
410
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
323
20k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
188
16k
Happy Clients
brianwarren
92
6.4k
KATA
mclloyd
16
12k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
82
45k
Imperfection Machines: The Place of Print at Facebook
scottboms
261
12k
10 Git Anti Patterns You Should be Aware of
lemiorhan
649
58k
Making the Leap to Tech Lead
cromwellryan
125
8.6k
Done Done
chrislema
178
15k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
Producing Creativity
orderedlist
PRO
338
39k
Clear Off the Table
cherdarchuk
86
310k
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!