Mobile dev — điện thoại là một nền tảng

Mobile app thực sự là gì

Không phải một URL — một gói code + asset sống ngay trên thiết bị.

Native vs cross-platform

Cả quyết định mobile gói trong một slide.

Đường native — Swift & Kotlin

Đường cross-platform

Bốn lựa chọn, một công việc

Ý tưởng gặp trên mọi con đường

Một màn hình, bằng JSX

Đúng là kiến thức React web của bạn — View và Text chỉ là div và p của app.

import { useState } from "react";

export default function App() {
  const [count, setCount] = useState(0);

  return (
    <View style={styles.box}>
      <Text>Tap count: {count}</Text>
      <Button title="Tap" onPress={() => setCount(count + 1)} />
    </View>
  );
}

State đổi → màn hình vẽ lại — cùng thỏa thuận như web, nhưng giờ trên điện thoại.

Một màn hình, bằng Dart

Flutter dựng màn hình thành một cây Widget — UI là code, do engine tự vẽ.

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Text("Hello, mobile")
      )
    );
  }
}

Scaffold → Center → Text: ba widget, một màn hình. Đó là toàn bộ mẫu hình.

Chạy trên điện thoại

Expo trỏ điện thoại về laptop của bạn; flutter build rồi đẩy lên thiết bị.

Những tên bạn sẽ thực sự gặp

Bạn chọn đường nào?

Chọn sai là viết lại; chọn đúng là nhàm chán — và nhàm chán là tốt.

Cái gì chủ động bỏ qua