Stateless vs Statefull widgets in flutter

 import 'package:flutter/material.dart';

import 'package:firstprojectinvscode/homepages/home.dart';

void main() {

  runApp(Myapp());

}

class Myapp extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return MaterialApp(

      title: 'Flutter App',

      home: Scaffold(

        appBar: AppBar(

          title: Text('My first Flutter App'),

        ),

        body: homepage(),

      ),

    );

  }

}

Statefull Widget:

import 'package:flutter/widgets.dart';

import 'package:flutter/material.dart';

class homepage extends StatefulWidget {

  @override

  _homepageState createState() => _homepageState();

}

class _homepageState extends State {

  String name = " ";

  @override

  Widget build(BuildContext context) {

    return Center(

      child: Column(

        children: [

          TextField(onSubmitted: (value) {

            setState(() {

              name = value;

            });

          }),

          Text(

            name,

            textDirection: TextDirection.ltr,

            style: TextStyle(fontSize: 30),

          )

        ],

      ),

    );

  }

}