Angular ngrx store мастер-класс - Видеоуроки
Angular ngrx store masterclass - cover Angular 4
Duration 08:23:50
Открыть
все курсы от udemy
Angular ngrx store masterclass - cover Angular 4 - Полный список уроков
Развернуть / Свернуть
- Урок 1. Course Helicopter View 00:06:53
- Урок 2. Quick Note About Asking Questions In The Help Forums 00:03:29
- Урок 3. Installing an IDE - Webstorm or Visual Studio Code 00:03:43
- Урок 4. Scaffolding an Application Using the Angular CLI 00:04:46
- Урок 5. Installing The Lodash Utility Library 00:02:35
- Урок 6. Using the Angular CLI to Scaffold All Application Components 00:06:25
- Урок 7. What Should be put inside the Store? 00:02:20
- Урок 8. A Critical Notion For Any UI We Build - Model vs View Model 00:04:47
- Урок 9. Using Typescript Custom Types To Define The Application Model 00:04:10
- Урок 10. Implement a Simple In-Memory Database Learn What Goes Inside a Store 00:07:16
- Урок 11. First HTTP Call - What is a Transfer Object 00:08:51
- Урок 12. Store Concepts Introduction 00:02:53
- Урок 13. How To Switch Git Branches During The Course? 00:03:59
- Урок 14. Getting a REST API Server Running 00:04:58
- Урок 15. Installing A Store Solution 00:02:18
- Урок 16. Defining The Store Application State - How Many Types Of State Are Th 00:06:03
- Урок 17. The Store as an Observable of Application State 00:04:40
- Урок 18. Dispatching Our First Store Action 00:06:27
- Урок 19. Setting The Store Initial State - Debugging First Action Dispatch 00:07:36
- Урок 20. Writing Our First Reducer Function Step By Step 00:08:40
- Урок 21. Summary Of How a Store Actions and Reducers Work 00:04:14
- Урок 22. Smart Components and Reactive Programming Techniques - Introduction 00:03:38
- Урок 23. Building the Thread Section Using Reactive Programming 00:09:19
- Урок 24. See How Simple It Is To Implement An Unread Messages Counter Using A Store 00:06:09
- Урок 25. A Simple Way To Debug An Angular Program 00:01:45
- Урок 26. Defining a View Model - Difference Between View Model and Model 00:04:28
- Урок 27. Refactoring the Thread Section Component - Extracting Mapping Functions 00:01:38
- Урок 28. Writing The Thread Summaries Selector 00:07:38
- Урок 29. Implementing our First Presentational Component - The Thread List Component 00:04:55
- Урок 30. Refactoring The Selector Functions of The Thread Section Component 00:04:54
- Урок 31. Best Practices for Writing Selector Functions 00:05:04
- Урок 32. Ngrx Effects and DevTools Introduction 00:01:48
- Урок 33. Simplifying Smart Components - The Ngrx Effects Library 00:04:18
- Урок 34. Understanding the NgRx Effect Decorator - How to Use It? 00:04:33
- Урок 35. The Added Value Of Ngrx Effects and How It Simplifies Smart Components 00:02:59
- Урок 36. The Ngrx Store DevTools and the Time Travelling Debugger 00:05:21
- Урок 37. How to Debug RxJs Code? 00:05:28
- Урок 38. A Simple RxJs Debugging Utility 00:07:03
- Урок 39. Selecting A Thread - Initial Implementation 00:05:49
- Урок 40. Understanding Combine Reducers 00:10:58
- Урок 41. Writing The Reducing Logic of Select Thread Action 00:01:59
- Урок 42. Introducing the Message Section Component 00:04:45
- Урок 43. Message Section - Reviewing the Implementation of the Name List Selector 00:08:46
- Урок 44. Review of The Messages List Implementation - View to View Model Mapping 00:04:52
- Урок 45. Implementation of the Highlight Selected Thread Functionality 00:03:35
- Урок 46. Implementation of the Change Selected User Smart Component 00:06:31
- Урок 47. Change User Effect Implementation - An Example of a Chain Of Actions 00:03:03
- Урок 48. Change Current User Implementation - Backend and Frontend 00:11:47
- Урок 49. Implementing the Send New Message Chat Functionality 00:09:29
- Урок 50. Implementation of the Send New Message Reducer 00:06:55
- Урок 51. Scrolling the Message List To the Bottom Automatically Using OnChanges 00:04:28
- Урок 52. Solving the Facebook Counter Problem - Section Introduction 00:05:11
- Урок 53. Implementing The Write New Message Effect Using Ngrx Effects 00:07:37
- Урок 54. Send New Message Implementation - Client Part 00:06:13
- Урок 55. New Server Branch - View Send New Message In Action 00:04:38
- Урок 56. Refresh Chat Messages Side Effect Implementation 00:06:36
- Урок 57. Fetch New Messages - Implementing the Reducer Logic 00:04:55
- Урок 58. Finish Implementing the Refresh Messages HTTP Service 00:10:10
- Урок 59. Implementing The unread Messages Counter Reducing Logic 00:08:02
- Урок 60. Unread Message Counter - See The Solution for The Facebook Counter Issue 00:04:44
- Урок 61. Marking Threads With New Messages As Unread 00:06:40
- Урок 62. Implementing the Mark Messages As Read Reducer Logic 00:10:23
- Урок 63. Mark Threads as Read - Demo of The Nearly Completed Chat 00:01:45
- Урок 64. Implementing The Mark Messages As Read Side-Effect 00:07:28
- Урок 65. Chat Wrap Up - Summary Of The Advantages Of Store Architectures 00:03:04
- Урок 66. Error Handling With Ngrx Store - How To Use The RxJs Catch Operator 00:06:02
- Урок 67. Implementing the Error Handling Reducer Logic 00:02:27
- Урок 68. Displaying Errors On the Screen - Implementing the Messages Smart Component 00:06:43
- Урок 69. Immutability In Reducer Functions - How to Use the Ngrx Store Freeze Library 00:05:22
- Урок 70. Adding the Angular Router to the Chat Application 00:06:42
- Урок 71. Ngrx Store Router Integration - Time-Travelling with the Dev Tools 00:05:50
- Урок 72. OnPush Change Detection and Immutability - What Are the Advantages 00:07:36
- Урок 73. Why Freezing Selector Output Does Not Help Leverage OnPush Change Detection? 00:04:20
- Урок 74. Understanding How OnPush Change Detection Works And How To Leverage It? 00:04:19
- Урок 75. How To Write Reducers That Leverage OnPush Change Detection? 00:11:36
- Урок 76. Refactoring Remaining Reducers - Will This Be Enough To Leverage OnPush 00:09:13
- Урок 77. Introducing a New Functional Programming Concept - Memoization 00:06:41
- Урок 78. Introducting The Reselect Library - How To Create a Memoized Selector 00:02:58
- Урок 79. How To Write a Memoized Selector With Reselect - What is The Advantage? 00:07:52
- Урок 80. Using the Lodash Memoize Utility To Optimize View Rendering 00:07:47
- Урок 81. Preventing Message Re-Renderings Using a Presentational Component 00:05:41
- Урок 82. On Push Change Detection Summary - Smart Vs Presentational Components 00:02:09
- Урок 83. High-Level Overview of The ImmutableJs Library 00:05:23
- Урок 84. Course Summary and Conclusions 00:07:34
- Урок 85. Building The Get All User Data REST API From A to Z 00:19:32
- Урок 86. Running And Debugging Our ts-node Development Server 00:06:00
- Урок 87. Calling Our REST API Server From the Client - Configuring the Angular CLI 00:03:39
Загрузки
Материалы к курсу
В этом курсе мы собираемся изучить экосистему библиотеки Angular Ngrx, а именно все, что вращается вокруг библиотеки Ngrx Store и Ngrx Effects.
Курс охватывает Angular 4, и он состоит из пошагового создания чата.
В курсе будет поэтапно создаваться приложение чата, которое воспроизводит ситуацию, с которой столкнулась команда Facebook - счетчиком непрочитанных сообщений. Мы собираемся решить проблему не с помощью оригинального диспетчера Flux, а используя производное одноразовое решение на основе RxJs: The Angular Reactive Extensions Ngrx Store.
Вы будете использовать Angular CLI, чтобы быстро подкрасить приложение и реализовать интерфейс приложения чата с нуля, из пустой папки где каждая строка кода будет объяснена.
Мы собираемся создать приложение с использованием принципов реактивного программирования и набора библиотек Extreme Extensions (Ngrx) Ecolution, которые включают в себя Ngrx Store, Ngrx Effects, DB и Router.
