Flutter Redux Essential Course (English)

Focused View

Sangwook Cho

10:21:29

53 View

1. Introduction

1. Tutorial background and target audience.mp4

05:27

2. Tutorial structure.mp4

05:44

3. Tools used in tutorial.mp4

04:19

2. Flutter Redux Overview

1.1 whati_is_redux.pdf

1. What is redux.mp4

05:07

2.1 dart_counter_redux_app.pdf

2.2 Source Code.html

2. Dart Counter Redux App.mp4

12:25

3.1 Source Code.html

3.2 store_builder_ex.pdf

3. StoreBuilder.mp4

05:58

4.1 Source Code.html

4.2 store_connector_ex.pdf

4. Basics of StoreConnector.mp4

06:43

5.1 Source Code.html

5. StoreConnectors arguments (1).mp4

03:35

6.1 Source Code.html

6.2 store_connector_options.pdf

6. StoreConnectors arguments (2).mp4

04:36

7.1 combine_reducers_1.pdf

7.2 Source Code.html

7. Combining reducers (1).mp4

05:09

8.1 Source Code.html

8.2 Source Code (Final).html

8. Combining reducers (2).mp4

02:55

9.1 Source Code.html

9. Combining reducers (3).mp4

06:10

10.1 Source Code.html

10. Combining reducers (4).mp4

03:30

11.1 Source Code.html

11. Combining reducers (5).mp4

05:07

12.1 Source Code.html

12. Combining reducers (6).mp4

05:53

13.1 Source Code.html

13.2 Source Code (Final).html

13. Combining reducers (7).mp4

05:04

14.1 Source Code.html

14. Dart Data Class.mp4

07:32

15.1 dart_data_class_generator_equatable.pdf

15.2 Source Code.html

15. Dart Data Class Generator and Equatable.mp4

11:19

16.1 distinct_one.pdf

16.2 Source Code.html

16. Performance Optimization (1) - primitive type state.mp4

05:23

17.1 Source Code.html

17. Performance Optimization (2) - primitive type state.mp4

04:56

18.1 Source Code.html

18. Performance Optimization (3) - class type state.mp4

05:34

19.1 distinct_three_starter_code.zip

19. Performance Optimization (4) - caution.mp4

06:04

20. Performance Optimization (5) - caution.mp4

01:52

21.1 Source Code.html

21. Performance Optimization (6) - caution.mp4

05:55

22.1 distinct_true_starter_code.zip

22.2 on_did_change.pdf

22.3 Source Code.html

22. Performance Optimization (7) - importance of distinct option.mp4

08:50

23.1 Source Code.html

23. Performance Optimization (8) - importance of distinct optioin.mp4

08:41

24.1 middleware_background.pdf

24. Middleware (1) - background.mp4

10:50

25.1 redux_middleware_starter_code.zip

25.2 Source Code (Product Model).html

25. Middleware (2) - app skeleton, product model.mp4

05:33

26.1 Source Code (Product Repository).html

26. Middleware (3) - ProductRepository.mp4

03:57

27.1 Source Code (Products state and action).html

27. Middleware (4) - Products state and action.mp4

05:37

28.1 Source Code (Products reducer, middleware).html

28. Middleware (5) - Products reducer, middleware.mp4

06:40

29.1 Source Code (Product state, action, reducer, middleware).html

29. Middleware (6) - Product state, action, reducer, middleware.mp4

06:40

30.1 Source Code (ProductsPage).html

30. Middleware (7) - ProductsPage.mp4

05:25

31.1 Source Code (ProductPage).html

31. Middleware (8) - ProductPage.mp4

07:12

32.1 Source Code (productInfoMiddleware).html

32. Middleware (9) - productInfoMiddleware.mp4

02:10

33.1 redux_thunk.pdf

33. Middleware (10) - redux_thunk.mp4

03:18

34.1 Source Code (refactoring using redux_thunk).html

34. Middleware (11) - refactoring using redux_thunk.mp4

05:00

35.1 persisting_state_intro.pdf

35.2 redux_persist_example_starter.zip

35.3 Source Code (Final).html

35.4 Source Code (starter).html

35. Persisting State (1) - Introduction.mp4

03:45

36.1 persisting_state_background.pdf

36. Persisting State (2) - Background.mp4

05:37

37.1 Source Code (Quote Model).html

37. Persisting State (3) - Quote Model.mp4

02:00

38.1 Source Code (Counter state, action, reducer).html

38. Persisting State (4) - Counter state, action, reducer.mp4

03:49

39.1 Source Code (Setup persistor).html

39. Persisting State (5) - Setting up persistor.mp4

03:43

40.1 Source Code (Quote state).html

40. Persisting State (6) - Quote state.mp4

03:01

41.1 Source Code (Quote action, reducer).html

41. Persisting State (7) - Quote action, reducer.mp4

06:55

42.1 Source Code (Final).html

42.2 Source Code (UI).html

42. Persisting State (8) - UI.mp4

07:51

3. TODO App

1.1 todo_redux_01.pdf

1. TODO App Overview.mp4

01:59

2.1 todo_redux_02.pdf

2. TODO App Structure.mp4

03:33

3.1 Source Code (app starter).html

3.2 Source Code (Final).html

3.3 todo_redux_03.pdf

3.4 todo_redux_starter.zip

3. Packages, folders and app skeleton.mp4

02:53

4.1 Source Code (Todo model).html

4. Todo model and TodoFilter enum.mp4

02:01

5.1 Source Code (TodoFilter related state, action, reducer).html

5. TodoFilter related state, action and reducer.mp4

03:04

6.1 Source Code (TodoSearch related state, action, reducer).html

6. TodoSearch related state, action and reducer.mp4

02:34

7.1 Source Code (TodoList related state, action, reducer).html

7. TodoList related state, action and reducers.mp4

07:26

8.1 Source Code (App state, reducer and injecting store into widget tree).html

8. App wide state and App wide reducer.mp4

02:27

9.1 Source Code (TodoHeader).html

9. TodoHeader widget and ViewModel.mp4

06:08

10.1 Source Code (NewTodo).html

10. NewTodo widget and ViewModel.mp4

03:50

11.1 Source Code (SearchTodo).html

11. SearchTodo widget and ViewModel.mp4

02:59

12.1 Source Code (FilterTodo).html

12. FilterTodo widget and ViewModel.mp4

05:47

13.1 Source Code (ShowTodos 1).html

13. ShowTodos widget and ViewModel (1).mp4

06:18

14.1 Source Code (ShowTodos 2).html

14. ShowTodos widget and ViewModel (2).mp4

05:39

15.1 Source Code (TodoItem 1).html

15. TodoItem widget and ViewModel (1).mp4

05:46

16.1 Source Code (TodoItem 2).html

16. TodoItem widget and ViewModel (2).mp4

05:15

17.1 Source Code (Final).html

17.2 Source Code (Reducing search volumes).html

17. Reducing search volumes.mp4

03:51

4. TODO App (sqflite Database)

1.1 Source Code (Final).html

1.2 Source Code (initial).html

1.3 Source Code (middleware, constants).html

1.4 todo_redux_sqflite_starter.zip

1. App setup.mp4

03:19

2.1 Source Code (Todo model, CustomError model).html

2. Todo Model, CustomError Model.mp4

05:05

3.1 Source Code (TodosDB, database access layer 1).html

3. TodosDB, database access layer (1).mp4

05:32

4.1 Source Code (TodosDB, database access layer 2).html

4. TodosDB, database access layer (2).mp4

08:02

5.1 Source Code (TodosRepository, repository layer).html

5.2 todos_repository.pdf

5. TodosRepository, repository layer.mp4

08:27

6.1 Source Code (Modified TodoListState).html

6. TodoListState.mp4

03:09

7.1 Source Code (GetTodoList related actions and reducers).html

7. GetTodoList related actions and reducers.mp4

05:03

8.1 Source Code (AddTodo related actions and reducers).html

8. AddTodo related actions and reducers.mp4

04:51

9.1 Source Code (ToggleTodo related actions and reducers, add TypedReducer).html

9. ToggleTodo related actions and reducers.mp4

05:20

10.1 Source Code (EditTodo related actions and reducers).html

10. EditTodo related actions and reducers.mp4

05:16

11.1 Source Code (DeleteTodo related actions and reducers).html

11. DeleteTodo related actions and reducers.mp4

04:55

12.1 Source Code (NewTodo, ShowTodos, TodoItem widgets).html

12. NewTodo, ShowTodos, TodoItem widgets.mp4

06:13

13.1 Source Code (TodosPage).html

13. TodosPage.mp4

03:44

14.1 Source Code (errorDialog and Test).html

14. errorDialog and Test.mp4

06:09

15.1 Source Code (Final).html

15.2 Source Code (Optimistic rendering).html

15. Optimistic rendering.mp4

02:15

5. Weather App

1.1 weather_overview_01.pdf

1. Weather App Overview (1).mp4

03:21

2.1 weather_overview_02.pdf

2. Weather App Overview (2).mp4

03:51

3.1 Source Code (Final).html

3.2 Weather App Starter Code.html

3. Packages, folder structure, page skeletons.mp4

03:48

4.1 Source Code (App Models).html

4. Models.mp4

07:45

5.1 Source Code (WeatherApiServices 1).html

5. WeatherApiServices (1).mp4

06:46

6.1 Source Code (WeatherApiServices 2).html

6. WeatherApiServices (2).mp4

02:42

7.1 Source Code (WeatherRepository).html

7. WeatherRepository.mp4

04:41

8.1 Source Code (Weather state and action).html

8. Weather state and action.mp4

07:13

9.1 Source Code (Weather reducer, setting DI).html

9. Weather reducer, dependency injection.mp4

03:14

10.1 Source Code (SearchPage).html

10. SearchPage.mp4

05:26

11.1 Source Code (HomePage 1 - ViewModel).html

11. HomePage (1) - ViewModel.mp4

03:57

12.1 Source Code (HomePage 2 - initial, loading, error).html

12. HomePage (2) - initial, loading, error.mp4

03:47

13.1 Source Code (HomePage 3 - name, updated time, temperature).html

13. HomePage (3) - name, updated time, temperature.mp4

05:14

14.1 Source Code (HomePage 4 - Weather Information).html

14.2 weather icons.pdf

14. HomePage (4) - Weather information.mp4

04:59

15.1 Source Code (TempSettings state, action, reducer).html

15. TempSettings related state, action, reducer.mp4

05:34

16.1 Source Code (Applying TempSettings to SettingsPage and HomePage).html

16. Applying TempSettings to SettingsPage and HomePage.mp4

04:48

17.1 Source Code (Changing app theme according to current temperature).html

17.2 Source Code (Final).html

17. Changing app theme according to current temperature.mp4

03:16

6. Firebase Authentication App

1.1 fb_auth_app_overview.pdf

1. App Overview.mp4

03:55

2.1 fb_project_setup.pdf

2. Firebase project setup.mp4

06:06

3.1 additional_fb_project_setup.pdf

3. Additional firebase project setup.mp4

06:29

4.1 Source Code (Final).html

4.2 Source Code (Initial, models and constants).html

4. App models.mp4

05:09

5. App folder structure.mp4

03:08

6.1 Source Code (AuthRepository 1).html

6. AuthRepository (1).mp4

07:05

7.1 Source Code (AuthRepository 2).html

7. AuthRepository (2).mp4

05:13

8.1 auth_flow.pdf

8.2 Source Code (SplashPage).html

8. Auth flow and SplashPage.mp4

03:31

9.1 Source Code (Signup state, action, reducer, inject store into widget tree).html

9. Signup state, action, reducer.mp4

08:56

10.1 Source Code (SignupPage, UI).html

10. SignupPage.mp4

13:02

11.1 Source Code (Signup ViewModel, signOut function in HomePage).html

11. Signup ViewModel, sign out.mp4

04:53

12.1 Source Code (errorDialog).html

12. errorDialog.mp4

02:50

13.1 Source Code (Signin state, action, reducer).html

13. Signin state, action, reducer.mp4

05:05

14.1 Source Code (SigninPage, ViewModel).html

14. SigninPage, ViewModel.mp4

06:00

15.1 email_verification_flow.pdf

15.2 Source Code (Verify Email).html

15. Verify Email.mp4

08:07

16.1 Source Code (ResetPassword state, action, reducer).html

16. Reset Password state, action, reducer.mp4

05:43

17.1 Source Code (ResetPasswordPage, ViewModel).html

17. ResetPasswordPage, ViewModel.mp4

05:39

18.1 Source Code (ProfileRepository).html

18. ProfileRepository.mp4

02:32

19.1 Source Code (Profile state, action, reducer).html

19. Profile state, action, reducer.mp4

06:39

20.1 Source Code (HomePage).html

20. HomePage.mp4

05:23

21.1 security_sensitive_operation.pdf

21.2 Source Code (ChangePassword state, action, reducer).html

21. Change Password state, action, reducer.mp4

07:32

22.1 Source Code (ChangePasswordPage).html

22. ChangePasswordPage, ViewModel.mp4

08:23

23.1 Source Code (Final).html

23.2 Source Code (requires-recent-login).html

23. Reauthenticate.mp4

08:06

Description

Learn and practice the concept of state management using Flutter Redux, a Flutter state management solution

What You'll Learn?

The basic concept of Redux
The core utilities of Flutter Redux (StoreBuilder, StoreConnector, StoreProvider)
Combining Reducers
Dart Data Class Generator Extension and equatable package
Performance Optimization of Flutter Redux App
Redux Middleware
Persisting Redux State
TODO App (sync, async)
Weather App
Firebase Authentication App (Signup, Signin, Signout, Verify Email, Change Password, Forgot Password)

Who is this for?

Developers who want to know state management using Flutter Redux

Flutter developers who want a deep understanding of Flutter Redux

Flutter developers who want to know various usage examples of Flutter Redux

Developers who already know React/Redux and want to learn Flutter

More details

Description
Redux is the most widely used and proven state management solution in React, the most widely used Front End Framework. Redux can also be used in Flutter.
In the Flutter Redux Essentials course, you can learn about Flutter Redux in depth.
If you want a deep understanding of Flutter Redxu and want to practice all the concepts in real life, then this is the course for you.
When creating the lectures, care was taken to ensure a balance between theory and practice.
Under the belief that repetition is the most important learning method, whenever a new concept emerges, a small app is created to test the concept, and practical apps such as TODO (synchronous), TODO (asynchronous with SQLite DB), Weather, and Firebase Authentication app are developed. Through this, the concepts were harmonized comprehensively.

Let's take a quick look at the topics covered in this course.
- Basic concepts of Redux
- Implementation of basic concepts with Dart Redux App
- Core utilities for Flutter Redux App (StoreBuilder, StoreConnector, StoreProvider)
- Combining Reducers
- Dart Data Class Generator Extension and equatable package
- Performance Optimization of Flutter Redux App
- Experience Performance Optimization through real apps
- Redux Middleware
- thunk middleware
- Persisting Redux State
- TODO App (Synchronous)
- TODO App (Asynchronous with SQLite DB, Optimistic Rendering)
- Weather App
- Firebase Authentication App: Signup, Signin, Signout, Verify Email, Change Password, Forgot Password
Who this course is for:
Developers who want to know state management using Flutter Redux
Flutter developers who want a deep understanding of Flutter Redux
Flutter developers who want to know various usage examples of Flutter Redux
Developers who already know React/Redux and want to learn Flutter

User Reviews

Rating

average 0

Total votes0

Focused display

Google Flutter

Sangwook Cho

Instructor's Courses

I am running ‘YourDevEdge’, a startup that creates full-stack related educational content, and ‘Heavy Fran’, a YouTube channel focused on flutter content.I have self-taught myself most of the various coding languages, so I know from experience what the difficulties are when learning a new language or wanting to gain a deep understanding of a language that I already know. I also know through that experience that constant repetition learning is important.After working at a telecommunication company for more than 20 years, I started studying development at not a very young age and gained various app development experiences, so I understand the loneliness and difficulties of the learning process better than anyone else.While learning, I have come to understand the small but important things, the things that must be understood, and I want to share those experiences and know-hows.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.