|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-bootcamp-with-hooks-context-redux-with-10-projects/
课程评论:没有评论
课程总结:完整的React和Redux训练营,构建10个实践项目 本课程旨在教授React和Redux的使用,帮助学习者掌握构建用户界面的技能。React是一个用于创建用户界面的JavaScript库,具有声明式和组件化的特点,能够高效管理应用状态,简化代码的可预测性与调试过程。通过构建封装的组件,学生将学会如何管理组件状态,并将其组合成复杂的用户界面。 课程强调"学习一次,随处编写"的理念,意味着React不依赖于特定的技术栈,能与现有代码无缝衔接。此外,React还支持服务器端渲染和移动应用开发。Redux作为开源的JavaScript库,主要用于管理应用状态,尤其适用于大型复杂应用。掌握Redux的前提是准备工作充分,确保中间件及数据获取的控制。 本课程还探讨了单页应用(SPA)的起源与性能优势,以及前端状态管理的重要性,如用户数据的存储和刷新。课程将帮助学生构建高性能的应用,理清业务逻辑与视图层之间的关系,将用户输入的数据同步到各个部分,从而提升应用的效率。 通过这10个实践项目,学习者将深入理解React和Redux的核心概念及其实际应用,为开发现代化Web应用打下坚实的基础。
React is a JavaScript library for building user interfaces.Declarative: React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable, simpler to understand, and easier to debug.Component-Based: Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep the state out of the DOM.Learn Once, Write Anywhere: We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React can also render on the server using Node and power mobile apps using React Native.Redux is an open-source JavaScript library for managing application state. It works best in extensive, sprawling applications. However, to utilize it properly, first you need to prepare. Everything should go smoothly as long as your middleware is all done and you have full control over fetches, states, etc. In Redux, you don't have to fetch everything all the time. This is the reason why Redux remains the most popular flux-based tool for state management.From the architecture point of view, Redux helps maintain order in the folders and files of the project. It helps programmers understand the application's structure and introduce new people to the project (providing that they have previous knowledge of Redux). Its components are: global JS object, reduction functions, actions and subscriptions.The widespread use of Redux gets even funnier when you consider the fact that the creators themselves (Dan Abramov and Andrew Clark) used to say that you might not actually need Redux. It's important to understand what you can do with it before you stick it in your programming tool belt. Especially since there's another solution that works great not as a competition, but rather as a supplement: React's API interface!The origins of SPA, a single-page application, go back to 2013 and the creation of the React library, used by Facebook. One of its biggest advantages was performance, achieved with VDOM.State management is the repository for the current state of the app and its data. It's a common part of all the views. For example, in the case of user data; the avatar, the full name, etc. are stored in Redux.Front-end state management is a kind of logic that stores and refreshes current data, such as the information about the options button being highlighted, about the authorization of the user, etc. Or, if we were to put it in a more abstract way, it makes sure that business transactions are complete - by storing input data of the user interface and synchronizing it across the pages, back-end, and front-end parts.It's also helpful in drawing a line between the business and view layers. This makes the app run faster without having to load the same elements all over again - they're simply stored in Redux.