React Native를 버리고 Flutter로 갈아타게 된 이유

React Native를 버리고 Flutter로 갈아타게 된 이유
GDG Campus Songdo - 2023 Devfest

발표자 노트와 함께 보시는 것을 추천드립니다.
https://docs.google.com/presentation/d/17mbfMv3dxkrk6686G-n4guXpoWqO826HktIXHWVDKlA/edit?usp=sharing

Transcript

1. React Native를 버리고 Flutter로 갈아타게 된 여정 Incheon/Songdo
2. 윤창현 Changhyeon Yoon ex)LIKELION NFT Division - Frontend Engineer Granter - Software Engineer Microsoft Learn Student Ambassadors Google Developer Student Clubs - Hanyang Univ. 1st Lead Next.js Korea User Group - Organizer AWS Korea User Group - Frontend
3. Why React Native? Incheon/Songdo 3
4. 970 iOS Position 4
5. 1,458 Android Position 5
6. 10,000,000 ₩ Android + iOS 6
7. Return / Investment Return On Investment (ROI) 7
8. Cross Platform 8
9. 389 React Native Position 9
10. 19 Flutter Position 10
13. rm -rf react-native-cli Incheon/Songdo 13
14. 1,065 Warning npx react-native@latest init AwesomeProject 14
15. 24k React Native Pork v0.73.0 15
16. March 26, 2015 🎂React Native🎂 16
20. 26.5k Flutter Pork v3.16.3 20
25. Hello, Flutter! Incheon/Songdo 25
26. 20H 26
27. 5,318 React Native Code 27
28. 4,773 Flutter Code 28
29. 48H 29
31. Now, AI Generation 31
34. Problems Incheon/Songdo 34
35. const handleSignUp = async (formData: any) => { const { name, email, phoneNumber, password } = formData; await handleSignUp({ email: email.trim(), name: name.trim(), phoneNumber: phoneNumber.trim(), password, }).catch((error: any) => { console.error(error); }); await handleSignIn({ email, password }); }; 35 handleSignUp(formData) async { String name = formData['name']; String phoneNumber = formData['phoneNumber']; String password = formData['password']; String email = formData['email']; try { await handleSignUp({ 'email': email, 'name': name, 'phoneNumber': phoneNumber, 'password': password, }); } catch (error) { print('Error: $error'); } await handleSignIn({'email': email, 'password': password}); }
42. 42 Firebase Remote Config is a cloud service that lets you change the behavior and appearance of your app without requiring users to download an app update. When using Remote Config, you create in-app default values that control the behavior and appearance of your app. Then, you can later use the Firebase console or the Remote Config backend APIs to override in-app default values for all app users or for segments of your user base. Your app controls when updates are applied, and it can frequently check for updates and apply them with a negligible impact on performance.
43. 43 Firebase Remote Config is a cloud service that lets you change the behavior and appearance of your app without requiring users to download an app update. When using Remote Config, you create in-app default values that control the behavior and appearance of your app. Then, you can later use the Firebase console or the Remote Config backend APIs to override in-app default values for all app users or for segments of your user base. Your app controls when updates are applied, and it can frequently check for updates and apply them with a negligible impact on performance.
45. Roadmap Incheon/Songdo 45
46. - WebView로 작성된 부분 dart로 Migration 46
47. 47 - WebView로 작성된 부분 dart로 Migration - 기존 Web, Flutter로 Migration
48. 48 - WebView로 작성된 부분 dart로 Migration - 기존 Web, Flutter로 Migration - 공동인증서 연동
49. 49 - WebView로 작성된 부분 dart로 Migration - 기존 Web, Flutter로 Migration - 공동인증서 연동 - 최적화 및 리팩토링
50. 감사합니다. 50