|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-native-with-react-hooks-react-queryhigh-performance/
课程评论:没有评论
课程名称:高性能的 React Native 与 React Hooks 和 React Query 课程概述:如果你已经厌倦了学习 Swift 或 Android 的繁琐,这门课程正适合你。你将学习如何提升应用性能,包括 Hooks 和 React Query 的使用。该课程将快速引导你全面了解 React Native,掌握构建高性能移动设备 React 组件所需的核心知识。React Native 是开发移动应用的理想选择,可以在远远少于制作等效 iOS 或 Swift 应用的时间内完成开发。你将会喜欢在设备上实时看到更改,而不是等待 Swift/Java 代码重新编译!这种快速反馈循环,加上卓越的跨平台支持,使 React Native 成为 JavaScript 工程师必备的技能。 React Query 简化了在 React 应用中获取、缓存、同步和更新服务器状态的过程。默认情况下,React 应用没有规定的数据获取或更新方式,开发者常常需要自己构建数据获取方案。这通常意味着使用 React Hooks 结合组件状态和效果,或者使用更通用的状态管理库来存储和提供异步数据。 传统的状态管理库适合处理客户端状态,但对于异步或服务器状态却表现不佳。服务器状态与客户端状态有很大不同,主要特点包括:远程持久化、需要异步 API 进行获取和更新、可能被他人更改等。为了应对缓存、请求去重、背景更新、性能优化等挑战,React Query 是管理服务器状态的最佳库之一,开箱即用且灵活可定制。 通过使用 React Query,你可以简化代码,提升应用可维护性,让应用变得更快速、响应更灵敏,同时节省带宽,提升内存性能。 总的来说,这门课程将帮助你快速掌握 React Native 和 React Query,无论是提升个人技术能力还是优化应用性能,都是个不错的选择。
If you're tired of spinning your wheels learning Swift or Android, this is the course for you.Improve your app performance? You will learn it. Hooks? Included. React Query? Of course!This course will get you up and running with React Native quickly, and teach you the core knowledge you need to deeply understand and build React components for mobile devices with high performance.React Native is an excellent solution for developing apps on mobile in a fraction of the time it takes to make an equivalent iOS or Swift app. You'll love seeing your changes instantly appear on your own device, rather than waiting for Swift/Java code to recompile! This quick feedback loop, along with excellent cross platform support, is what has catapulted React Native to the top must-have skill for Javascript engineers.Simply put, React Query makes fetching, caching, synchronizing and updating server state in your React applications a breeze.Out of the box, React applications do not come with an opinionated way of fetching or updating data from your components so developers end up building their own ways of fetching data. This usually means cobbling together component-based state and effect using React hooks, or using more general purpose state management libraries to store and provide asynchronous data throughout their apps.While most traditional state management libraries are great for working with client state, they are not so great at working with async or server state. This is because server state is totally different. For starters, server state:Is persisted remotely in a location you do not control or ownRequires asynchronous APIs for fetching and updatingImplies shared ownership and can be changed by other people without your knowledgeCan potentially become "out of date" in your applications if you're not carefulOnce you grasp the nature of server state in your application, even more challenges will arise as you go, for example:Caching.(possibly the hardest thing to do in programming)Deduping multiple requests for the same data into a single requestUpdating out of date data in the backgroundKnowing when data is "out of date"Reflecting updates to data as quickly as possiblePerformance optimizations like pagination and lazy loading dataManaging memory and garbage collection of server stateMemoizing query results with structural sharingReact Query is hands down one of the best libraries for managing server state. It works amazingly well out-of-the-box, with zero-config, and can be customized to your liking as your application grows.React Query allows you to defeat and overcome the tricky challenges and hurdles of server state and control your app data before it starts to control you.On a more technical note, React Query will likely:Help you remove many lines of complicated and misunderstood code from your application and replace with just a handful of lines of React Query logic.Make your application more maintainable and easier to build new features without worrying about wiring up new server state data sourcesHave a direct impact on your end-users by making your application feel faster and more responsive than ever before.Potentially help you save on bandwidth and increase memory performanceEnough talk, show me some code already!