|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-redux-per-principianti-italiano/
课程评论：没有评论
课程名称：完整的 React 和 Redux 课程，包含 Hooks、Redux Toolkit 和 RTK 课程概述：本课程将教授如何使用 React、Redux Toolkit、RTK Query 和 React Router DOM 开发完整的单页面应用（SPA），并结合实际项目学习。通过与 Laravel 和 Express.js 开发的后端 API 集成，学员将全面理解前端与后端的管理。课程内容更新至最新的 React 和 Redux Toolkit，旨在帮助学员提升至高级水平。无论您是想清晰、实用地学习 ReactJS、Redux Toolkit、RTK Query 还是 React Router DOM，本课程都非常适合您！ 我们将一起做什么：通过实际练习和项目，探索 React 的各个方面，确保您掌握必要的技能。每个项目都是为了提供对前端和后端技术的深入理解。 实践项目： - 数字时钟：初步项目以了解时间管理和组件。 - 我的电影应用：一个完整的应用，通过 API 调用显示和管理电影信息。 - 专辑应用：管理列表的应用，处理组件。 - 待办事项应用（CRUD 和认证）：一个包含 CRUD 功能和用户认证的高级项目，后端将使用 Laravel 和 Express.js，这将让您理解这两个最常用的后端框架的基础知识。 您将学习的内容： - React 基础知识：安装 Node.js 和 npm 开始开发，使用 create-react-app 创建应用，理解 JSX 和元素渲染，处理组件和属性，管理状态和生命周期，事件处理和条件渲染，使用列表和键，管理表单和受控组件，使用 React.createRef 访问 DOM 元素，利用 React Fragments 组织代码。 - 使用 React Router DOM 管理 SPA 中的导航，创建多个动态路由。 Redux Toolkit、RTK Query 和 React Router DOM： - 学会通过 Redux Toolkit 和 RTK Query 管理复杂的应用状态，并与 React Router DOM 一起实现高效的页面导航。通过创建电影 API 应用深入探索这些工具。 实际应用与 React Redux Toolkit 和待办事项清单： - 在创建待办事项应用时，将学习如何使用 React Redux Toolkit、RTK Query 和 React Router DOM，将后端 API 与 Laravel 和 Express.js 集成。 课程目标： 完成本课程后，您将能够使用 React、Redux Toolkit、RTK Query 和 React Router DOM 创建复杂的 SPA 应用。同时，能够使用 Laravel 和 Express.js 开发后端 API，深入理解 React 和 Redux 的主要工具，具备实现完整和可扩展项目的能力。立即注册，开始您的高级 React、Redux 和现代 Web 应用开发之旅！
Impara React, Redux Toolkit, RTK Query e React Router DOM con progetti reali!In questo corso pratico imparerai a sviluppare Single Page Applications (SPA) complete utilizzando React, Redux Toolkit, RTK Query, e React Router DOM per la gestione della navigazione. Integrare i progetti con backend API sviluppate sia in Laravel che in Express.js ti permetterà di comprendere la gestione del frontend e backend in modo completo. Il corso è aggiornato con le ultime novità di React e Redux Toolkit, progettato per portarti a un livello avanzato.Se vuoi imparare ReactJS, Redux Toolkit, RTK Query e React Router DOM in modo chiaro e pratico, questo è il corso giusto per te!Cosa Faremo Insieme:Esploreremo React tramite esercizi e progetti reali, coprendo tutto il necessario per acquisire padronanza. Ogni progetto è pensato per darti una comprensione profonda delle tecnologie frontend e backend.Progetti Pratici che Creeremo:Orologio Digitale: Un primo progetto per apprendere la gestione del tempo e delle componenti.My Movies App: Applicazione completa con chiamate API per visualizzare e gestire informazioni sui film.Albums App: Un'applicazione per gestire liste e lavorare con componenti.Todo List App (CRUD e Autenticazione): Un progetto avanzato che include funzioni CRUD e autenticazione per la gestione completa degli stati. La creazione del backend sarà affrontata sia con Laravel che con Express.js, permettendoti di comprendere le basi dei due framework più usati nel mondo del backend.Cosa ImpareraiFondamenti di React:Installazione di Node.js e npm per iniziare a sviluppareCreazione di un'app con create-react-appIntroduzione a JSX e rendering degli elementiLavorare con Componenti e PropsGestione dello Stato e Ciclo di Vita (State & Lifecycle)Eventi e Rendering CondizionaleUtilizzo di Liste e KeysGestione delle Forms e dei Componenti ControllatiAccesso al DOM degli elementi con React.createRefReact Fragments per una migliore organizzazione del codiceChiamate API e gestione delle risposteReact Router DOM per gestire la navigazione nelle SPA, creando percorsi multipli e dinamiciRedux Toolkit, RTK Query e React Router DOM:Imparerai a gestire lo stato avanzato delle tue applicazioni grazie al Redux Toolkit e a RTK Query, integrandolo con React Router DOM per una navigazione efficiente tra le pagine. Creeremo una Movie API App per esplorare a fondo questi strumenti:Cos'è Redux Toolkit e come ottimizza ReduxCreazione di uno Store con Redux ToolkitGestione delle azioni con Dispatch e abbonamento con SubscribeUtilizzo di Actions e Action CreatorsReducers con Redux ToolkitIntroduzione e configurazione di RTK Query per la gestione delle chiamate APIUtilizzo di ThunkAPI per le azioni asincrone avanzateConfigurazione e uso di React Router DOM per creare SPA con navigazione multi-pagina e gestione delle rotteApplicazione Pratica con React Redux Toolkit e Todo List:Nella creazione di una Todo List App, vedremo come utilizzare React Redux Toolkit, RTK Query e React Router DOM, integrando il backend API con Laravel e Express.js. Imparerai a:Collegare React e Redux con react-redux e Redux ToolkitPassare lo Store ai componenti con Collegamento dello Store ai componenti con connect()Creazione di Container Components per collegare Redux ai componentiMappatura dello stato della Store come proprietà dei componentiMappatura degli Action Creators come metodiUso di MapDispatchToProps e MapStateToPropsConfigurazione di combineReducers per gestire più reducerSviluppo di un sistema CRUD completo (creazione, lettura, aggiornamento e cancellazione) utilizzando Laravel e Express.js per esplorare entrambi i framework backendConfigurazione avanzata di React Router DOM per una navigazione fluida nelle app SPAObiettivo del CorsoAlla fine di questo corso, sarai in grado di creare applicazioni SPA complesse utilizzando React, Redux Toolkit, RTK Query, e React Router DOM. Inoltre, potrai sviluppare un backend API sia con Laravel che con Express.js, acquisendo una comprensione pratica e avanzata degli strumenti principali di React e Redux, permettendoti di realizzare progetti completi e scalabili.Iscriviti ora per iniziare il tuo viaggio verso il livello avanzato in React, Redux, e nella creazione di applicazioni web moderne!
