ReactJS

Functional Components

01_Create_React_Project.mp4

02_Multiple_Components.mp4

03_Map_Multiple_Components.mp4

04_CSS_Styling.mp4

05_Adding_User_Component_With_Raw_Data.mp4

06_Passing_Props_To_Child.mp4

07_Passing_Object_To_Child_Dynamically.mp4

08_State_Introduction.mp4

09_Getting_Online_Data_Using_UseEffect.mp4

10_Remove_User_Child_Data_Pass_To_Parent.mp4

11_User_Create_Form.mp4

12_Handling_Input_OnChange_Data.mp4

13_Add_New_User.mp4

14_Add_User_Error_Clean.mp4

15_Video_Source_Code.mp4

Class Based Components

01_Class_Based_Components.mp4

02_Add_New_Post.mp4

03_Save_To_Local_Storage.mp4

04_Post_Delete.mp4

05_Routing_System.mp4

06_Dynamic_Route_Using_useNavigate.mp4

07_Passing_Data_Via_Link.mp4

08_Json_Server_Setup.mp4

09_Get_All_Posts_From_Server.mp4

10_New_Post_To_Server.mp4

11_Delete_Post_To_Server.mp4

12_Post_Edit_Setup.mp4

13_Update_Post.mp4

14_Source_Code_Branch_2.mp4

Context Api

10_Global_state_Prop_Lifting_Prop_Drilling.mp4

11_Setup_For_Context_Api.mp4

12_Context_Api.mp4

13_Create_Custom_Hook.mp4

14_Source_Code_Link.mp4

1_Styled_Component_Intro.mp4

2_Using_Styled_Component.mp4

3_Theming.mp4

4_Global_Style.mp4

5_React_Predefined_Shortcuts.mp4

6_React_Fragment.mp4

7_Portal.mp4

8_Ref_Intro.mp4

9_Refs_Hook.mp4

SPA with Styled Component

1_SPA_Project_Setup.mp4

2_SPA_NavBar.mp4

3_SPA_Home_Setup.mp4

4_SPA_Home_Page_Done.mp4

5_SPA_Login_Page.mp4

6_SPA_Setup_Context_Api.mp4

7_SPA_RouteGuard.mp4

8_SPA_Finish_Up.mp4

Redux & Redux Toolkit

0_Redux_Intro.mp4

10_Short_Style_Setup.mp4

11_Api_Call.mp4

12_Local_Store_For_Parmenent_Data.mp4

13_Redux_Template_And_CreateStore_Second_Parameter.mp4

1_Account_Reducer.mp4

2_Setting_Up_More.mp4

3_Usage.mp4

4_UserReducer.mp4

5_User_Drop_And_Source_Code_Link.mp4

6_Login_Logout_Redux.mp4

7_Refctoring_Files.mp4

8_Using_Dispatch_without_bindActionCreators.mp4

9_Redux_ToolKit.mp4

Intermediate Concepts

01_Inter_Props_Childrens.mp4

02_Why_JSX.mp4

03_React_CreateElement_Optional_Parameters.mp4

04_Component_Lifecycle_1.mp4

05_Component_Lifecycle_2_Mounting.mp4

06_Component_Lifecycle_Updating_Phrase.mp4

07_Component_Lifecycle_UMount_Error_Boundary.mp4

08_Different_Binding.mp4

09_Conditional_Rendering.mp4

10_CSS_Module.mp4

11_Key_In_LIst.mp4

12_PureComponent_Vs_Component.mp4

13_Using_React_memo.mp4

14_Callback_Ref.mp4

15_Ref_Forwarding.mp4

16_Higher_Order_Component.mp4

17_Render_Props.mp4

Hooks

10_useMemo_Vs_useCallback.mp4

11_useRef_Hook.mp4

12_useImperativeHandler.mp4

13_UseLayoutEffect.mp4

14_Simple_Custom_Hook_useDocCount.mp4

15_Custom_Hok_useCounter.mp4

16_useInput_Hook.mp4

1_useState_Hook_Safe_UnSafe.mp4

2_useState_Hook_Previous_Array_Object.mp4

3_useEffect_in_Class_Component.mp4

4_useEffect_in_Functional_Component.mp4

5_useEffect_Clean_Up_SideEffect.mp4

6_useReducer_1_Simple_Value.mp4

7_userReducer_Multiple.mp4

8_useReducer_With_Context_Api_Global_Store.mp4

9_useCallback_And_React_Memo.mp4

Routes

1_Route_Configure_And_Basic_Routing.mp4

2_Active_Link.mp4

3_Programatically_Navigate.mp4

4_Fallback_Route.mp4

5_Nested_Route_And_Index_Route.mp4

6_Accept_URl_Params.mp4

7_useSearchParams.mp4

8_Lazy_Loading.mp4

9_Route_Gurad.mp4

ReactJS with Typescript

10_useReducer_State_And_Action_Type.mp4

11_disCremenated_Union.mp4

12_Theme_Providing_using_Context_Api.mp4

13_Complex_Context_Api_Type.mp4

14_userRef_Hook_with_TypeScript.mp4

15_Class_Component_With_TypeScript.mp4

16_Passing_Component_As_Props.mp4

17_Restricting_Types.mp4

18_Generic_Typing.mp4

19_Template_Literal_Combining.mp4

1_TypeScript_Project_Setup.mp4

20_Wrapping_HTML_Elements.mp4

21_.Extracting_Component_Props_Type.mp4

22_Polymorphic_Component_1.mp4

23_Polymorphic_Component_2.mp4

2_String_Number_Boolean_Object_Types_As_Props.mp4

3_Array_Array_Of_Object_Union_String_Literal_Optional_types.mp4

4_Children_And_Component_As_Children_Types.mp4

5_Passing_Button_Click_Event_As_Props.mp4

6_Passing_Input_Change_Event_As_Props.mp4

7_Style_Passing_As_Props_And_Type_Sharing.mp4

8_Complex_Data_Type_Defining.mp4

9_Type_Assertion.mp4

Media Project

10_Footer_1.mp4

11_Footer_2.mp4

12_Footer_3.mp4

13_Login_Form.mp4

14_Register.mp4

15_Adding_Routes_And_Links.mp4

16_Register_Data_Setup.mp4

17_Register_Send_Data_To_Backend_Server.mp4

18_Login_User.mp4

19_Show_Loading_Animation.mp4

1_Media_Project_Setup.mp4

20_Change_Redux_Version.mp4

21_Logout_And_NavBar_Data_Change.mp4

22_Route_Guard_And_Fallback_Route.mp4

23_Category_Setup.mp4

24_All_Categories_Uis.mp4

25_Show_All_Categories.mp4

26_Category_Create_Setup.mp4

27_Submit_Category_To_Backend_Server.mp4

28_Category_Edit_Update.mp4

29_Category_Delete.mp4

2_Media_Nav_Bar.mp4

30_Category_Add_Loading_Animation.mp4

31_Tag_All.mp4

32_Edit_Delete_Tag.mp4

33_Get_All_Posts.mp4

34_Post_Show.mp4

35_Add_Post_Ui.mp4

36_Get_Form_Input_Values.mp4

37_Submit_New_Post.mp4

38_Edit_Post_Setup_with_Post_Delete.mp4

39_Update_Post.mp4

3_Media_Header_1.mp4

40_HotNews_Show.mp4

41_Home_Affair_Posts_Show.mp4

42_Post_Pagination.mp4

43_CatPage.mp4

44_Detail_Page.mp4

45_Home_Page_Sidenews_Bug_Fix.mp4

46_Show_Posts_By_Category.mp4

47_Post_Detail_Setup.mp4

48_Refectoring_Nav_Actions.mp4

49_Adding_Error_Boundary.mp4

4_Media_Header_2.mp4

50_Remember_Me.mp4

51_Refctoring_Api_Get_Method.mp4

52_Refctoring_Api_Post_Method.mp4

53_Refctoring_Api_Delete_Method.mp4

54_Project_Wide_Refctoring.mp4

5_Create_Redux_Store.mp4

6_Redux_Usage.mp4

7_Hot_News_Section_1.mp4

8_Hot_News_Section_2.mp4

9_TV_NEWS.mp4

E-Commerce Project

E-Commerce သင်ခန်းစာတွေ Record လုပ်နေဆဲ ပါ ပြီးရင် သင်ခန်းစာ စားရင်း ထည့်သွင်း ပေးထားပါမယ်