{"product_id":"building-web-applications-with-react-18","title":"Building Web Applications with React 19","description":"\u003cdiv\u003e\u003cp\u003eThis \u003cstrong\u003eBuilding Web Applications with React 19 Training\u003c\/strong\u003e gives you the tools to build client-side applications using React 19 to create high-performance apps running both in the browser and as native mobile applications. The course uses Hooks in React 19 to simplify coding and improve performance while leveraging Typescript, Storybook, and the Redux Toolkit to improve productivity in creating complex applications. The full development process is covered, beginning with creating the application project, architecting the solution, integrating automated testing (using the React Testing Library for both unit and end-to-end testing), and finishing with deploying the application.\u003c\/p\u003e\u003c\/div\u003e\u003cdiv\u003e\n\u003ch3\u003eBuilding Web Applications with React 19 Benefits\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eIn this React 19 training, you will learn the following:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul type=\"disc\"\u003e\n\u003cli\u003eCreate web applications with the most popular client-side framework.\u003c\/li\u003e\n\u003cli\u003eBuild dynamic applications with multiple screens and components.\u003c\/li\u003e\n\u003cli\u003eRead, update, add, and delete server-side data using Ajax calls.\u003c\/li\u003e\n\u003cli\u003eArchitect client-side components using Storybook to speed development.\u003c\/li\u003e\n\u003cli\u003eEnd-to-End testing by simulating user interactions.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eReact Training Course Prerequisites\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eBefore attending this course, attendees should have knowledge at the level of Course 2319, JavaScript Essentials for Web Development.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\u003ch3\u003eReact Training Outline\u003c\/h3\u003e\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 1: Introduction and Overview\u003c\/h4\u003e\n\u003cul type=\"disc\"\u003e\n\u003cli\u003eUnderstanding React\u003c\/li\u003e\n\u003cli\u003eIntegrating React and TypeScript\u003c\/li\u003e\n\u003cli\u003eAdding functionality with Modules\u003cb\u003e\u003c\/b\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 2: Designing Custom React Components\u003c\/h4\u003e\n\u003cp\u003e\u003cb\u003eLeveraging JSX for UI design\u003c\/b\u003e\u003c\/p\u003e\n\u003cul type=\"disc\"\u003e\n\u003cli\u003eCreating a page with components\u003c\/li\u003e\n\u003cli\u003eCoding custom components\u003c\/li\u003e\n\u003cli\u003eUnderstanding the differences between JSX and HTML\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 3: Activating React Components\u003c\/h4\u003e\n\u003cp\u003e\u003cb\u003eParameterizing components\u003c\/b\u003e\u003c\/p\u003e\n\u003cul type=\"disc\"\u003e\n\u003cli\u003ePassing data from owner components to children\u003c\/li\u003e\n\u003cli\u003eLeveraging the children props to pass content dynamically\u003c\/li\u003e\n\u003cli\u003eLeveraging TypeScript to provide default values and data types\u003c\/li\u003e\n\u003cli\u003eIntegrating stateless functional components\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cb\u003eManipulating component state\u003c\/b\u003e\u003c\/p\u003e\n\u003cul type=\"disc\"\u003e\n\u003cli\u003eManaging State with UseState\u003c\/li\u003e\n\u003cli\u003eBest practices for integrating components with TypeScript and props\u003c\/li\u003e\n\u003cli\u003eIntroducing Hooks\u003c\/li\u003e\n\u003cli\u003eManaging activities with useEffect\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 4: Building Dynamic Hierarchies\u003c\/h4\u003e\n\u003cp\u003e\u003cb\u003eManaging Complex UIs\u003c\/b\u003e\u003c\/p\u003e\n\u003cul type=\"disc\"\u003e\n\u003cli\u003eComposing a JSX component hierarchy with the Container\/Presentational design pattern\u003c\/li\u003e\n\u003cli\u003eCentralizing logic at the container level by passing functions as props\u003c\/li\u003e\n\u003cli\u003eImproving performance with useCallback\u003c\/li\u003e\n\u003cli\u003eDynamically building the UI at runtime\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cb\u003eEnsuring quality with automated testing\u003c\/b\u003e\u003c\/p\u003e\n\u003cul type=\"disc\"\u003e\n\u003cli\u003eUnit testing with Jest\u003c\/li\u003e\n\u003cli\u003eEnd-to-End testing with Enzyme\u003c\/li\u003e\n\u003cli\u003eImproving testing syntax with Testing Library\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 5 Accepting and Validating User Input\u003c\/h4\u003e\n\u003cp\u003e\u003cb\u003eExploiting Storybook\u003c\/b\u003e\u003c\/p\u003e\n\u003cul type=\"disc\"\u003e\n\u003cli\u003eSpeeding development by prototyping in Storybook\u003c\/li\u003e\n\u003cli\u003eGenerating documentation from components\u003c\/li\u003e\n\u003cli\u003eEnsuring accessibility with automated analysis\u003c\/li\u003e\n\u003cli\u003eLogging component interactions\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cb\u003eManipulating form input components\u003c\/b\u003e\u003c\/p\u003e\n\u003cul type=\"disc\"\u003e\n\u003cli\u003eWorking with interactive properties\u003c\/li\u003e\n\u003cli\u003eCapturing form component updates with onChange\u003c\/li\u003e\n\u003cli\u003eExploiting controlled components with one-way dataflow\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cb\u003eImplementing data and event binding\u003c\/b\u003e\u003c\/p\u003e\n\u003cul type=\"disc\"\u003e\n\u003cli\u003eApplying the onChange \/ useState() convention\u003c\/li\u003e\n\u003cli\u003eReducing onChange clutter for cleaner code\u003c\/li\u003e\n\u003cli\u003eIntegrating functions with form events\u003c\/li\u003e\n\u003cli\u003eImproving performance with useTransition\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 6 Routing between components\u003c\/h4\u003e\n\u003cp\u003e\u003cb\u003eImplementing navigation\u003c\/b\u003e\u003c\/p\u003e\n\u003cul type=\"disc\"\u003e\n\u003cli\u003eExploiting the react-router for semantic URLs\u003c\/li\u003e\n\u003cli\u003eMapping URL paths to components\u003c\/li\u003e\n\u003cli\u003eEnabling navigation with code and the Link component\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cb\u003ePassing parameters in URLs\u003c\/b\u003e\u003c\/p\u003e\n\u003cul type=\"disc\"\u003e\n\u003cli\u003eCreating routes with multiple parameters\u003c\/li\u003e\n\u003cli\u003eHandling ambiguous routes\u003c\/li\u003e\n\u003cli\u003eExtracting parameters with useParams\u003c\/li\u003e\n\u003cli\u003eSharing global data with useContext\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 7: Connecting React to RESTful services\u003c\/h4\u003e\n\u003cp\u003e\u003cb\u003eGlobal State and Redux\u003c\/b\u003e\u003c\/p\u003e\n\u003cul type=\"disc\"\u003e\n\u003cli\u003eMaking Ajax calls with Axios\u003c\/li\u003e\n\u003cli\u003eMapping CRUD access to React components\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cb\u003eExploiting Axios\u003c\/b\u003e\u003c\/p\u003e\n\u003cul type=\"disc\"\u003e\n\u003cli\u003eSimplifying code with custom Axios objects\u003c\/li\u003e\n\u003cli\u003eIntegrating asynchronous access\u003c\/li\u003e\n\u003cli\u003eLooking at Axios advanced features\u003c\/li\u003e\n\u003cli\u003eReviewing alternatives\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 8: Centralizing State with the Redux Toolkit\u003c\/h4\u003e\n\u003cp\u003e\u003cb\u003eGlobal State and Redux\u003c\/b\u003e\u003c\/p\u003e\n\u003cul type=\"disc\"\u003e\n\u003cli\u003eArchitecting loosely-coupled applications for extensibility\u003c\/li\u003e\n\u003cli\u003eManaging state centrally with the Redux Toolkit\u003c\/li\u003e\n\u003cli\u003eAdding Web service updates to the global store\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cb\u003eCoding a loosely coupled application\u003c\/b\u003e\u003c\/p\u003e\n\u003cul type=\"disc\"\u003e\n\u003cli\u003eCreating the central store\u003c\/li\u003e\n\u003cli\u003eUnderstanding React’s one-way data flow at the application level\u003c\/li\u003e\n\u003cli\u003eSegmenting the store with slicers\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cb\u003eManaging application-wide data\u003c\/b\u003e\u003c\/p\u003e\n\u003cul type=\"disc\"\u003e\n\u003cli\u003eCreating the reducers and slices to manage application-wide state\u003c\/li\u003e\n\u003cli\u003eExploiting useSelector and useDispatch to access the global store\u003c\/li\u003e\n\u003cli\u003eReviewing alternatives\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 9: Enhancing for Maintenance and Deploying\u003c\/h4\u003e\n\u003cul type=\"disc\"\u003e\n\u003cli\u003eExtending your components with Higher-Order Components\u003c\/li\u003e\n\u003cli\u003eAccessing HTML with useRef\u003c\/li\u003e\n\u003cli\u003eExternalizing configuration with appsetting files\u003c\/li\u003e\n\u003cli\u003eDeploying your application to IIS\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e","brand":"Learning Tree","offers":[{"title":"268B25US \/ 2026-08-04T09:00:00 \/ Herndon, VA","offer_id":47534212382939,"sku":"US-2316-IL","price":2512.0,"currency_code":"USD","in_stock":true},{"title":"269A90CN \/ 2026-09-01T09:00:00 \/ Ottawa","offer_id":48216576000219,"sku":"US-2316-IL","price":2512.0,"currency_code":"USD","in_stock":true},{"title":"26AA52US \/ 2026-10-27T09:00:00 \/ Herndon, VA","offer_id":48216576032987,"sku":"US-2316-IL","price":2512.0,"currency_code":"USD","in_stock":true},{"title":"26CA37CN \/ 2026-12-01T09:00:00 \/ Ottawa","offer_id":48216576065755,"sku":"US-2316-IL","price":2512.0,"currency_code":"USD","in_stock":true},{"title":"271A41US \/ 2027-01-26T09:00:00 \/ Herndon, VA","offer_id":48216576098523,"sku":"US-2316-IL","price":2512.0,"currency_code":"USD","in_stock":true},{"title":"273A47CN \/ 2027-03-02T09:00:00 \/ Ottawa","offer_id":48310906650843,"sku":"US-2316-IL","price":2512.0,"currency_code":"USD","in_stock":true},{"title":"274A28US \/ 2027-04-27T09:00:00 \/ Herndon, VA","offer_id":48682046226651,"sku":"US-2316-IL","price":2512.0,"currency_code":"USD","in_stock":true},{"title":"276A57CN \/ 2027-06-01T09:00:00 \/ Ottawa","offer_id":48823754424539,"sku":"US-2316-IL","price":2512.0,"currency_code":"USD","in_stock":true}],"url":"https:\/\/learningtreeinternational-dirinfosec-hhs.myshopify.com\/products\/building-web-applications-with-react-18","provider":"Learning Tree International","version":"1.0","type":"link"}