Angular ngrx store мастер-класс - Видеоуроки

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.