LANTEC Logo
React Essentials

React Essentials

$2,195
3 days
Audience
Prerequisites

Course Description:

This intensive three-day course offers an in-depth exploration of modern React development. Moving beyond basic “Hello World” examples, this curriculum emphasizes the architectural patterns needed to create scalable, interactive Single Page Applications (SPAs). Through a combination of lectures and practical hands-on labs, participants will master the React ecosystem: from the Virtual DOM and JSX to managing complex state with Hooks and the Context API. The course avoids outdated class-based patterns in favor of modern functional components and custom hooks. The experience concludes with a comprehensive Capstone Project, where students will design and deploy a fully functional Weather Dashboard, reinforcing their ability to deliver production-ready code.

Course Objectives:

In this course, you will: 

  • Build composable user interfaces using Functional Components and JSX.
  • Manage application state effectively with Props and the useState hook.
  • Synchronize components with APIs and external systems using useEffect.
  • Navigate single-page applications (SPAs) using React Router.
  • Architect global state solutions with the Context API to avoid prop-drilling.
  • Develop custom hooks to create clean, reusable business logic.

Scheduled Courses

Jun 22, 2026
{
  "Params": {
    "source": "Event",
    "layout": "List for Course Detail Page",
    "filterby": "Course",
    "filtervalue": "27686",
    "sortby": "EventDateStart",
    "sortorder": "ASC",
    "limit": "9999",
    "enablepagination": "false",
    "emptymessage": "

This course isn't currently on the schedule, but we can add it. Just let us know.

", "object": "collection", "type": "module" }, "Pagination": { "CurrentPage": 0, "ItemsPerPage": 0, "NumberOfPages": 0, "TotalItemsCount": 0 }, "Parent": { "Id": 27686, "Name": "React Essentials", "Url": "/course/react-essentials", "Url_List": [ "/course/react-essentials" ], "UrlSlug": "react-essentials", "ParentId": 5934, "ParentId_List": [ -1 ], "ParentName": "", "ParentUrl": "", "TemplateName": "", "Module_Alias": "Course", "Module_ID": 5934, "Enabled": true, "ReleaseDate": "2026-03-24T00:00:00", "ExpiryDate": "2099-12-31T00:00:00", "SiteSearchKeywords": [], "Description": "

Course Description:

This intensive three-day course offers an in-depth exploration of modern React development. Moving beyond basic “Hello World” examples, this curriculum emphasizes the architectural patterns needed to create scalable, interactive Single Page Applications (SPAs). Through a combination of lectures and practical hands-on labs, participants will master the React ecosystem: from the Virtual DOM and JSX to managing complex state with Hooks and the Context API. The course avoids outdated class-based patterns in favor of modern functional components and custom hooks. The experience concludes with a comprehensive Capstone Project, where students will design and deploy a fully functional Weather Dashboard, reinforcing their ability to deliver production-ready code.

Course Objectives:

In this course, you will: 

  • Build composable user interfaces using Functional Components and JSX.
  • Manage application state effectively with Props and the useState hook.
  • Synchronize components with APIs and external systems using useEffect.
  • Navigate single-page applications (SPAs) using React Router.
  • Architect global state solutions with the Context API to avoid prop-drilling.
  • Develop custom hooks to create clean, reusable business logic.
", "Weighting": 0, "DisableForSiteSearch": false, "CreatedByMemberId": "0", "ItemCategories": [ "Courses", "Courses/Courses-Technical", "Courses/Courses-Technical/AppDev" ], "ItemCategoryIdList": [ 8587, 8590, 181424 ], "ItemTags": [ "AppDev" ], "Author": 0, "Author_Name": "", "Author_Url": "", "Item_Rating": 0, "CourseTitle": "React Essentials", "CourseFiles": "/React Essentials Course Outline.pdf", "CourseFilesTitle": "Outline", "Intro": "This intensive three-day course offers an in-depth exploration of modern React development. Moving beyond basic “Hello World” examples, this curriculum emphasizes the architectural patterns needed to create scalable, interactive Single Page Applications (SPAs). Through a combination of lectures and practical hands-on labs, participants will master the React ecosystem: from the Virtual DOM and JSX to managing complex state with Hooks and the Context API. The course avoids outdated class-based patterns in favor of modern functional components and custom hooks. The experience concludes with a comprehensive Capstone Project, where students will design and deploy a fully functional Weather Dashboard, reinforcing their ability to deliver production-ready code.", "Days": "3", "Prerequisites": "Proficiency in JavaScript. Familiarity with HTML and CSS basics ## Next Courses.", "Audience": "This course is designed for Software Developers, Junior Engineers, and professionals with JavaScript experience seeking React skills.", "Cost": "$2,195", "GoogleAnalyticsCode": "", "Popular": false, "Photo": "", "Disclaimer": "", "ShowPageForSearchEngine": true, "MetaTitle": "", "SEOTitle": "", "MetaDescription": "", "CanonicalLink": "", "SocialMetaTags": "", "SeoPriority": 0.5, "EnableAMP": false, "AMPContent": "", "OpenGraphProperties": { "title": null, "type": null, "url": null, "locale": null, "image": null }, "ExternalId": 0, "Params": { "type": "snippet", "alias": "_template_header", "name": "_Template - Header", "content": "
\r\n
\r\n
\r\n
\r\n
\r\n
{% component type: \"menu\", alias: \"social_menu\", layoutGroup: \"Default\" %}
\r\n
\r\n
\r\n
\r\n {% component type: \"menu\", alias: \"utility_menu\", layoutGroup: \"Default\" %} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \"LANTEC\r\n
\r\n
\r\n
\r\n
\r\n {% component type:\"menu\", alias: \"main_menu\", layoutGroup: \"Default\" %}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\"LANTEC
\r\n \r\n
\r\n
\r\n \r\n {% assign brcr = \"BACK\" %}\r\n \r\n\t
\r\n\t BACK\r\n\t
\r\n
", "enabled": true } }, "Items": [ { "Id": 27741, "Name": "React Essentials - VILT - 062226", "Url": "/event/react-essentials-vilt-062226", "Url_List": [ "/event/react-essentials-vilt-062226" ], "UrlSlug": "react-essentials-vilt-062226", "ParentId": 1827, "ParentId_List": [ -1 ], "ParentName": "", "ParentUrl": "", "TemplateName": "", "Module_Alias": "Event", "Module_ID": 1827, "Enabled": true, "ReleaseDate": "2026-03-25T00:00:00", "ExpiryDate": "2026-06-22T11:28:00", "SiteSearchKeywords": [], "Description": "", "Weighting": 0, "DisableForSiteSearch": false, "SKUCode": "99b247ba-66e9-46e7-aa22-f5f734943c32", "Price": 2238.9000, "PriceHtml": "2,238.90", "priceWithTax": 2238.90, "priceWithTaxHtml": "2,238.90", "RecommendedPrice": 2195.0000, "RecommendedPriceHtml": "2,195.00", "RecommendedPriceWithTax": 2195.00, "RecommendedPriceWithTaxHtml": "2,195.00", "HideWhenFull": false, "AllowMultipleSubscriptionPerEmail": false, "Capacity": 0, "Allocation": 0, "EventDateStart": "2026-06-22T09:00:00", "EventDateEnd": "2026-06-24T17:00:00", "taxRate": 0.0, "VolumeDiscount": [ { "Price": 2238.9000, "Quantity": 0 } ], "CreatedByMemberId": "0", "ItemCategories": [], "ItemCategoryIdList": [], "ItemTags": [], "Author": 0, "Author_Name": "", "Author_Url": "", "Item_Rating": 0, "Course": 27686, "Course_Name": "React Essentials", "Course_Url": "/course/react-essentials", "Location": "vILT", "ShowPageForSearchEngine": true, "MetaTitle": "", "SEOTitle": "", "MetaDescription": "", "CanonicalLink": "", "SocialMetaTags": "", "SeoPriority": 0.5, "EnableAMP": false, "AMPContent": "", "OpenGraphProperties": { "title": null, "type": null, "url": null, "locale": null, "image": null }, "ExternalId": 0, "Params": {} }, { "Id": 27742, "Name": "React Essentials - VILT - 081926", "Url": "/event/react-essentials-vilt-081926", "Url_List": [ "/event/react-essentials-vilt-081926" ], "UrlSlug": "react-essentials-vilt-081926", "ParentId": 1827, "ParentId_List": [ -1 ], "ParentName": "", "ParentUrl": "", "TemplateName": "", "Module_Alias": "Event", "Module_ID": 1827, "Enabled": true, "ReleaseDate": "2026-03-25T00:00:00", "ExpiryDate": "2026-08-19T09:00:00", "SiteSearchKeywords": [], "Description": "", "Weighting": 0, "DisableForSiteSearch": false, "SKUCode": "f52e2053-08c9-40c6-a524-5e101afafd86", "Price": 2238.9000, "PriceHtml": "2,238.90", "priceWithTax": 2238.90, "priceWithTaxHtml": "2,238.90", "RecommendedPrice": 2195.0000, "RecommendedPriceHtml": "2,195.00", "RecommendedPriceWithTax": 2195.00, "RecommendedPriceWithTaxHtml": "2,195.00", "HideWhenFull": false, "AllowMultipleSubscriptionPerEmail": false, "Capacity": 0, "Allocation": 0, "EventDateStart": "2026-08-19T09:00:00", "EventDateEnd": "2026-08-21T17:00:00", "taxRate": 0.0, "VolumeDiscount": [ { "Price": 2238.9000, "Quantity": 0 } ], "CreatedByMemberId": "0", "ItemCategories": [], "ItemCategoryIdList": [], "ItemTags": [], "Author": 0, "Author_Name": "", "Author_Url": "", "Item_Rating": 0, "Course": 27686, "Course_Name": "React Essentials", "Course_Url": "/course/react-essentials", "Location": "vILT", "ShowPageForSearchEngine": true, "MetaTitle": "", "SEOTitle": "", "MetaDescription": "", "CanonicalLink": "", "SocialMetaTags": "", "SeoPriority": 0.5, "EnableAMP": false, "AMPContent": "", "OpenGraphProperties": { "title": null, "type": null, "url": null, "locale": null, "image": null }, "ExternalId": 0, "Params": {} }, { "Id": 27743, "Name": "React Essentials - VILT - 101926", "Url": "/event/react-essentials-vilt-101926", "Url_List": [ "/event/react-essentials-vilt-101926" ], "UrlSlug": "react-essentials-vilt-101926", "ParentId": 1827, "ParentId_List": [ -1 ], "ParentName": "", "ParentUrl": "", "TemplateName": "", "Module_Alias": "Event", "Module_ID": 1827, "Enabled": true, "ReleaseDate": "2026-03-25T00:00:00", "ExpiryDate": "2026-10-19T09:00:00", "SiteSearchKeywords": [], "Description": "", "Weighting": 0, "DisableForSiteSearch": false, "SKUCode": "7c141ca8-84ed-4894-b234-846d7fd720b3", "Price": 2238.9000, "PriceHtml": "2,238.90", "priceWithTax": 2238.90, "priceWithTaxHtml": "2,238.90", "RecommendedPrice": 2195.0000, "RecommendedPriceHtml": "2,195.00", "RecommendedPriceWithTax": 2195.00, "RecommendedPriceWithTaxHtml": "2,195.00", "HideWhenFull": false, "AllowMultipleSubscriptionPerEmail": false, "Capacity": 0, "Allocation": 0, "EventDateStart": "2026-10-19T09:00:00", "EventDateEnd": "2026-10-21T17:00:00", "taxRate": 0.0, "VolumeDiscount": [ { "Price": 2238.9000, "Quantity": 0 } ], "CreatedByMemberId": "0", "ItemCategories": [], "ItemCategoryIdList": [], "ItemTags": [], "Author": 0, "Author_Name": "", "Author_Url": "", "Item_Rating": 0, "Course": 27686, "Course_Name": "React Essentials", "Course_Url": "/course/react-essentials", "Location": "vILT", "ShowPageForSearchEngine": true, "MetaTitle": "", "SEOTitle": "", "MetaDescription": "", "CanonicalLink": "", "SocialMetaTags": "", "SeoPriority": 0.5, "EnableAMP": false, "AMPContent": "", "OpenGraphProperties": { "title": null, "type": null, "url": null, "locale": null, "image": null }, "ExternalId": 0, "Params": {} } ] }
Aug 19, 2026
{
  "Params": {
    "source": "Event",
    "layout": "List for Course Detail Page",
    "filterby": "Course",
    "filtervalue": "27686",
    "sortby": "EventDateStart",
    "sortorder": "ASC",
    "limit": "9999",
    "enablepagination": "false",
    "emptymessage": "

This course isn't currently on the schedule, but we can add it. Just let us know.

", "object": "collection", "type": "module" }, "Pagination": { "CurrentPage": 0, "ItemsPerPage": 0, "NumberOfPages": 0, "TotalItemsCount": 0 }, "Parent": { "Id": 27686, "Name": "React Essentials", "Url": "/course/react-essentials", "Url_List": [ "/course/react-essentials" ], "UrlSlug": "react-essentials", "ParentId": 5934, "ParentId_List": [ -1 ], "ParentName": "", "ParentUrl": "", "TemplateName": "", "Module_Alias": "Course", "Module_ID": 5934, "Enabled": true, "ReleaseDate": "2026-03-24T00:00:00", "ExpiryDate": "2099-12-31T00:00:00", "SiteSearchKeywords": [], "Description": "

Course Description:

This intensive three-day course offers an in-depth exploration of modern React development. Moving beyond basic “Hello World” examples, this curriculum emphasizes the architectural patterns needed to create scalable, interactive Single Page Applications (SPAs). Through a combination of lectures and practical hands-on labs, participants will master the React ecosystem: from the Virtual DOM and JSX to managing complex state with Hooks and the Context API. The course avoids outdated class-based patterns in favor of modern functional components and custom hooks. The experience concludes with a comprehensive Capstone Project, where students will design and deploy a fully functional Weather Dashboard, reinforcing their ability to deliver production-ready code.

Course Objectives:

In this course, you will: 

  • Build composable user interfaces using Functional Components and JSX.
  • Manage application state effectively with Props and the useState hook.
  • Synchronize components with APIs and external systems using useEffect.
  • Navigate single-page applications (SPAs) using React Router.
  • Architect global state solutions with the Context API to avoid prop-drilling.
  • Develop custom hooks to create clean, reusable business logic.
", "Weighting": 0, "DisableForSiteSearch": false, "CreatedByMemberId": "0", "ItemCategories": [ "Courses", "Courses/Courses-Technical", "Courses/Courses-Technical/AppDev" ], "ItemCategoryIdList": [ 8587, 8590, 181424 ], "ItemTags": [ "AppDev" ], "Author": 0, "Author_Name": "", "Author_Url": "", "Item_Rating": 0, "CourseTitle": "React Essentials", "CourseFiles": "/React Essentials Course Outline.pdf", "CourseFilesTitle": "Outline", "Intro": "This intensive three-day course offers an in-depth exploration of modern React development. Moving beyond basic “Hello World” examples, this curriculum emphasizes the architectural patterns needed to create scalable, interactive Single Page Applications (SPAs). Through a combination of lectures and practical hands-on labs, participants will master the React ecosystem: from the Virtual DOM and JSX to managing complex state with Hooks and the Context API. The course avoids outdated class-based patterns in favor of modern functional components and custom hooks. The experience concludes with a comprehensive Capstone Project, where students will design and deploy a fully functional Weather Dashboard, reinforcing their ability to deliver production-ready code.", "Days": "3", "Prerequisites": "Proficiency in JavaScript. Familiarity with HTML and CSS basics ## Next Courses.", "Audience": "This course is designed for Software Developers, Junior Engineers, and professionals with JavaScript experience seeking React skills.", "Cost": "$2,195", "GoogleAnalyticsCode": "", "Popular": false, "Photo": "", "Disclaimer": "", "ShowPageForSearchEngine": true, "MetaTitle": "", "SEOTitle": "", "MetaDescription": "", "CanonicalLink": "", "SocialMetaTags": "", "SeoPriority": 0.5, "EnableAMP": false, "AMPContent": "", "OpenGraphProperties": { "title": null, "type": null, "url": null, "locale": null, "image": null }, "ExternalId": 0, "Params": { "type": "snippet", "alias": "_template_header", "name": "_Template - Header", "content": "
\r\n
\r\n
\r\n
\r\n
\r\n
{% component type: \"menu\", alias: \"social_menu\", layoutGroup: \"Default\" %}
\r\n
\r\n
\r\n
\r\n {% component type: \"menu\", alias: \"utility_menu\", layoutGroup: \"Default\" %} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \"LANTEC\r\n
\r\n
\r\n
\r\n
\r\n {% component type:\"menu\", alias: \"main_menu\", layoutGroup: \"Default\" %}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\"LANTEC
\r\n \r\n
\r\n
\r\n \r\n {% assign brcr = \"BACK\" %}\r\n \r\n\t
\r\n\t BACK\r\n\t
\r\n
", "enabled": true } }, "Items": [ { "Id": 27741, "Name": "React Essentials - VILT - 062226", "Url": "/event/react-essentials-vilt-062226", "Url_List": [ "/event/react-essentials-vilt-062226" ], "UrlSlug": "react-essentials-vilt-062226", "ParentId": 1827, "ParentId_List": [ -1 ], "ParentName": "", "ParentUrl": "", "TemplateName": "", "Module_Alias": "Event", "Module_ID": 1827, "Enabled": true, "ReleaseDate": "2026-03-25T00:00:00", "ExpiryDate": "2026-06-22T11:28:00", "SiteSearchKeywords": [], "Description": "", "Weighting": 0, "DisableForSiteSearch": false, "SKUCode": "99b247ba-66e9-46e7-aa22-f5f734943c32", "Price": 2238.9000, "PriceHtml": "2,238.90", "priceWithTax": 2238.90, "priceWithTaxHtml": "2,238.90", "RecommendedPrice": 2195.0000, "RecommendedPriceHtml": "2,195.00", "RecommendedPriceWithTax": 2195.00, "RecommendedPriceWithTaxHtml": "2,195.00", "HideWhenFull": false, "AllowMultipleSubscriptionPerEmail": false, "Capacity": 0, "Allocation": 0, "EventDateStart": "2026-06-22T09:00:00", "EventDateEnd": "2026-06-24T17:00:00", "taxRate": 0.0, "VolumeDiscount": [ { "Price": 2238.9000, "Quantity": 0 } ], "CreatedByMemberId": "0", "ItemCategories": [], "ItemCategoryIdList": [], "ItemTags": [], "Author": 0, "Author_Name": "", "Author_Url": "", "Item_Rating": 0, "Course": 27686, "Course_Name": "React Essentials", "Course_Url": "/course/react-essentials", "Location": "vILT", "ShowPageForSearchEngine": true, "MetaTitle": "", "SEOTitle": "", "MetaDescription": "", "CanonicalLink": "", "SocialMetaTags": "", "SeoPriority": 0.5, "EnableAMP": false, "AMPContent": "", "OpenGraphProperties": { "title": null, "type": null, "url": null, "locale": null, "image": null }, "ExternalId": 0, "Params": {} }, { "Id": 27742, "Name": "React Essentials - VILT - 081926", "Url": "/event/react-essentials-vilt-081926", "Url_List": [ "/event/react-essentials-vilt-081926" ], "UrlSlug": "react-essentials-vilt-081926", "ParentId": 1827, "ParentId_List": [ -1 ], "ParentName": "", "ParentUrl": "", "TemplateName": "", "Module_Alias": "Event", "Module_ID": 1827, "Enabled": true, "ReleaseDate": "2026-03-25T00:00:00", "ExpiryDate": "2026-08-19T09:00:00", "SiteSearchKeywords": [], "Description": "", "Weighting": 0, "DisableForSiteSearch": false, "SKUCode": "f52e2053-08c9-40c6-a524-5e101afafd86", "Price": 2238.9000, "PriceHtml": "2,238.90", "priceWithTax": 2238.90, "priceWithTaxHtml": "2,238.90", "RecommendedPrice": 2195.0000, "RecommendedPriceHtml": "2,195.00", "RecommendedPriceWithTax": 2195.00, "RecommendedPriceWithTaxHtml": "2,195.00", "HideWhenFull": false, "AllowMultipleSubscriptionPerEmail": false, "Capacity": 0, "Allocation": 0, "EventDateStart": "2026-08-19T09:00:00", "EventDateEnd": "2026-08-21T17:00:00", "taxRate": 0.0, "VolumeDiscount": [ { "Price": 2238.9000, "Quantity": 0 } ], "CreatedByMemberId": "0", "ItemCategories": [], "ItemCategoryIdList": [], "ItemTags": [], "Author": 0, "Author_Name": "", "Author_Url": "", "Item_Rating": 0, "Course": 27686, "Course_Name": "React Essentials", "Course_Url": "/course/react-essentials", "Location": "vILT", "ShowPageForSearchEngine": true, "MetaTitle": "", "SEOTitle": "", "MetaDescription": "", "CanonicalLink": "", "SocialMetaTags": "", "SeoPriority": 0.5, "EnableAMP": false, "AMPContent": "", "OpenGraphProperties": { "title": null, "type": null, "url": null, "locale": null, "image": null }, "ExternalId": 0, "Params": {} }, { "Id": 27743, "Name": "React Essentials - VILT - 101926", "Url": "/event/react-essentials-vilt-101926", "Url_List": [ "/event/react-essentials-vilt-101926" ], "UrlSlug": "react-essentials-vilt-101926", "ParentId": 1827, "ParentId_List": [ -1 ], "ParentName": "", "ParentUrl": "", "TemplateName": "", "Module_Alias": "Event", "Module_ID": 1827, "Enabled": true, "ReleaseDate": "2026-03-25T00:00:00", "ExpiryDate": "2026-10-19T09:00:00", "SiteSearchKeywords": [], "Description": "", "Weighting": 0, "DisableForSiteSearch": false, "SKUCode": "7c141ca8-84ed-4894-b234-846d7fd720b3", "Price": 2238.9000, "PriceHtml": "2,238.90", "priceWithTax": 2238.90, "priceWithTaxHtml": "2,238.90", "RecommendedPrice": 2195.0000, "RecommendedPriceHtml": "2,195.00", "RecommendedPriceWithTax": 2195.00, "RecommendedPriceWithTaxHtml": "2,195.00", "HideWhenFull": false, "AllowMultipleSubscriptionPerEmail": false, "Capacity": 0, "Allocation": 0, "EventDateStart": "2026-10-19T09:00:00", "EventDateEnd": "2026-10-21T17:00:00", "taxRate": 0.0, "VolumeDiscount": [ { "Price": 2238.9000, "Quantity": 0 } ], "CreatedByMemberId": "0", "ItemCategories": [], "ItemCategoryIdList": [], "ItemTags": [], "Author": 0, "Author_Name": "", "Author_Url": "", "Item_Rating": 0, "Course": 27686, "Course_Name": "React Essentials", "Course_Url": "/course/react-essentials", "Location": "vILT", "ShowPageForSearchEngine": true, "MetaTitle": "", "SEOTitle": "", "MetaDescription": "", "CanonicalLink": "", "SocialMetaTags": "", "SeoPriority": 0.5, "EnableAMP": false, "AMPContent": "", "OpenGraphProperties": { "title": null, "type": null, "url": null, "locale": null, "image": null }, "ExternalId": 0, "Params": {} } ] }
Oct 19, 2026
{
  "Params": {
    "source": "Event",
    "layout": "List for Course Detail Page",
    "filterby": "Course",
    "filtervalue": "27686",
    "sortby": "EventDateStart",
    "sortorder": "ASC",
    "limit": "9999",
    "enablepagination": "false",
    "emptymessage": "

This course isn't currently on the schedule, but we can add it. Just let us know.

", "object": "collection", "type": "module" }, "Pagination": { "CurrentPage": 0, "ItemsPerPage": 0, "NumberOfPages": 0, "TotalItemsCount": 0 }, "Parent": { "Id": 27686, "Name": "React Essentials", "Url": "/course/react-essentials", "Url_List": [ "/course/react-essentials" ], "UrlSlug": "react-essentials", "ParentId": 5934, "ParentId_List": [ -1 ], "ParentName": "", "ParentUrl": "", "TemplateName": "", "Module_Alias": "Course", "Module_ID": 5934, "Enabled": true, "ReleaseDate": "2026-03-24T00:00:00", "ExpiryDate": "2099-12-31T00:00:00", "SiteSearchKeywords": [], "Description": "

Course Description:

This intensive three-day course offers an in-depth exploration of modern React development. Moving beyond basic “Hello World” examples, this curriculum emphasizes the architectural patterns needed to create scalable, interactive Single Page Applications (SPAs). Through a combination of lectures and practical hands-on labs, participants will master the React ecosystem: from the Virtual DOM and JSX to managing complex state with Hooks and the Context API. The course avoids outdated class-based patterns in favor of modern functional components and custom hooks. The experience concludes with a comprehensive Capstone Project, where students will design and deploy a fully functional Weather Dashboard, reinforcing their ability to deliver production-ready code.

Course Objectives:

In this course, you will: 

  • Build composable user interfaces using Functional Components and JSX.
  • Manage application state effectively with Props and the useState hook.
  • Synchronize components with APIs and external systems using useEffect.
  • Navigate single-page applications (SPAs) using React Router.
  • Architect global state solutions with the Context API to avoid prop-drilling.
  • Develop custom hooks to create clean, reusable business logic.
", "Weighting": 0, "DisableForSiteSearch": false, "CreatedByMemberId": "0", "ItemCategories": [ "Courses", "Courses/Courses-Technical", "Courses/Courses-Technical/AppDev" ], "ItemCategoryIdList": [ 8587, 8590, 181424 ], "ItemTags": [ "AppDev" ], "Author": 0, "Author_Name": "", "Author_Url": "", "Item_Rating": 0, "CourseTitle": "React Essentials", "CourseFiles": "/React Essentials Course Outline.pdf", "CourseFilesTitle": "Outline", "Intro": "This intensive three-day course offers an in-depth exploration of modern React development. Moving beyond basic “Hello World” examples, this curriculum emphasizes the architectural patterns needed to create scalable, interactive Single Page Applications (SPAs). Through a combination of lectures and practical hands-on labs, participants will master the React ecosystem: from the Virtual DOM and JSX to managing complex state with Hooks and the Context API. The course avoids outdated class-based patterns in favor of modern functional components and custom hooks. The experience concludes with a comprehensive Capstone Project, where students will design and deploy a fully functional Weather Dashboard, reinforcing their ability to deliver production-ready code.", "Days": "3", "Prerequisites": "Proficiency in JavaScript. Familiarity with HTML and CSS basics ## Next Courses.", "Audience": "This course is designed for Software Developers, Junior Engineers, and professionals with JavaScript experience seeking React skills.", "Cost": "$2,195", "GoogleAnalyticsCode": "", "Popular": false, "Photo": "", "Disclaimer": "", "ShowPageForSearchEngine": true, "MetaTitle": "", "SEOTitle": "", "MetaDescription": "", "CanonicalLink": "", "SocialMetaTags": "", "SeoPriority": 0.5, "EnableAMP": false, "AMPContent": "", "OpenGraphProperties": { "title": null, "type": null, "url": null, "locale": null, "image": null }, "ExternalId": 0, "Params": { "type": "snippet", "alias": "_template_header", "name": "_Template - Header", "content": "
\r\n
\r\n
\r\n
\r\n
\r\n
{% component type: \"menu\", alias: \"social_menu\", layoutGroup: \"Default\" %}
\r\n
\r\n
\r\n
\r\n {% component type: \"menu\", alias: \"utility_menu\", layoutGroup: \"Default\" %} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \"LANTEC\r\n
\r\n
\r\n
\r\n
\r\n {% component type:\"menu\", alias: \"main_menu\", layoutGroup: \"Default\" %}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\"LANTEC
\r\n \r\n
\r\n
\r\n \r\n {% assign brcr = \"BACK\" %}\r\n \r\n\t
\r\n\t BACK\r\n\t
\r\n
", "enabled": true } }, "Items": [ { "Id": 27741, "Name": "React Essentials - VILT - 062226", "Url": "/event/react-essentials-vilt-062226", "Url_List": [ "/event/react-essentials-vilt-062226" ], "UrlSlug": "react-essentials-vilt-062226", "ParentId": 1827, "ParentId_List": [ -1 ], "ParentName": "", "ParentUrl": "", "TemplateName": "", "Module_Alias": "Event", "Module_ID": 1827, "Enabled": true, "ReleaseDate": "2026-03-25T00:00:00", "ExpiryDate": "2026-06-22T11:28:00", "SiteSearchKeywords": [], "Description": "", "Weighting": 0, "DisableForSiteSearch": false, "SKUCode": "99b247ba-66e9-46e7-aa22-f5f734943c32", "Price": 2238.9000, "PriceHtml": "2,238.90", "priceWithTax": 2238.90, "priceWithTaxHtml": "2,238.90", "RecommendedPrice": 2195.0000, "RecommendedPriceHtml": "2,195.00", "RecommendedPriceWithTax": 2195.00, "RecommendedPriceWithTaxHtml": "2,195.00", "HideWhenFull": false, "AllowMultipleSubscriptionPerEmail": false, "Capacity": 0, "Allocation": 0, "EventDateStart": "2026-06-22T09:00:00", "EventDateEnd": "2026-06-24T17:00:00", "taxRate": 0.0, "VolumeDiscount": [ { "Price": 2238.9000, "Quantity": 0 } ], "CreatedByMemberId": "0", "ItemCategories": [], "ItemCategoryIdList": [], "ItemTags": [], "Author": 0, "Author_Name": "", "Author_Url": "", "Item_Rating": 0, "Course": 27686, "Course_Name": "React Essentials", "Course_Url": "/course/react-essentials", "Location": "vILT", "ShowPageForSearchEngine": true, "MetaTitle": "", "SEOTitle": "", "MetaDescription": "", "CanonicalLink": "", "SocialMetaTags": "", "SeoPriority": 0.5, "EnableAMP": false, "AMPContent": "", "OpenGraphProperties": { "title": null, "type": null, "url": null, "locale": null, "image": null }, "ExternalId": 0, "Params": {} }, { "Id": 27742, "Name": "React Essentials - VILT - 081926", "Url": "/event/react-essentials-vilt-081926", "Url_List": [ "/event/react-essentials-vilt-081926" ], "UrlSlug": "react-essentials-vilt-081926", "ParentId": 1827, "ParentId_List": [ -1 ], "ParentName": "", "ParentUrl": "", "TemplateName": "", "Module_Alias": "Event", "Module_ID": 1827, "Enabled": true, "ReleaseDate": "2026-03-25T00:00:00", "ExpiryDate": "2026-08-19T09:00:00", "SiteSearchKeywords": [], "Description": "", "Weighting": 0, "DisableForSiteSearch": false, "SKUCode": "f52e2053-08c9-40c6-a524-5e101afafd86", "Price": 2238.9000, "PriceHtml": "2,238.90", "priceWithTax": 2238.90, "priceWithTaxHtml": "2,238.90", "RecommendedPrice": 2195.0000, "RecommendedPriceHtml": "2,195.00", "RecommendedPriceWithTax": 2195.00, "RecommendedPriceWithTaxHtml": "2,195.00", "HideWhenFull": false, "AllowMultipleSubscriptionPerEmail": false, "Capacity": 0, "Allocation": 0, "EventDateStart": "2026-08-19T09:00:00", "EventDateEnd": "2026-08-21T17:00:00", "taxRate": 0.0, "VolumeDiscount": [ { "Price": 2238.9000, "Quantity": 0 } ], "CreatedByMemberId": "0", "ItemCategories": [], "ItemCategoryIdList": [], "ItemTags": [], "Author": 0, "Author_Name": "", "Author_Url": "", "Item_Rating": 0, "Course": 27686, "Course_Name": "React Essentials", "Course_Url": "/course/react-essentials", "Location": "vILT", "ShowPageForSearchEngine": true, "MetaTitle": "", "SEOTitle": "", "MetaDescription": "", "CanonicalLink": "", "SocialMetaTags": "", "SeoPriority": 0.5, "EnableAMP": false, "AMPContent": "", "OpenGraphProperties": { "title": null, "type": null, "url": null, "locale": null, "image": null }, "ExternalId": 0, "Params": {} }, { "Id": 27743, "Name": "React Essentials - VILT - 101926", "Url": "/event/react-essentials-vilt-101926", "Url_List": [ "/event/react-essentials-vilt-101926" ], "UrlSlug": "react-essentials-vilt-101926", "ParentId": 1827, "ParentId_List": [ -1 ], "ParentName": "", "ParentUrl": "", "TemplateName": "", "Module_Alias": "Event", "Module_ID": 1827, "Enabled": true, "ReleaseDate": "2026-03-25T00:00:00", "ExpiryDate": "2026-10-19T09:00:00", "SiteSearchKeywords": [], "Description": "", "Weighting": 0, "DisableForSiteSearch": false, "SKUCode": "7c141ca8-84ed-4894-b234-846d7fd720b3", "Price": 2238.9000, "PriceHtml": "2,238.90", "priceWithTax": 2238.90, "priceWithTaxHtml": "2,238.90", "RecommendedPrice": 2195.0000, "RecommendedPriceHtml": "2,195.00", "RecommendedPriceWithTax": 2195.00, "RecommendedPriceWithTaxHtml": "2,195.00", "HideWhenFull": false, "AllowMultipleSubscriptionPerEmail": false, "Capacity": 0, "Allocation": 0, "EventDateStart": "2026-10-19T09:00:00", "EventDateEnd": "2026-10-21T17:00:00", "taxRate": 0.0, "VolumeDiscount": [ { "Price": 2238.9000, "Quantity": 0 } ], "CreatedByMemberId": "0", "ItemCategories": [], "ItemCategoryIdList": [], "ItemTags": [], "Author": 0, "Author_Name": "", "Author_Url": "", "Item_Rating": 0, "Course": 27686, "Course_Name": "React Essentials", "Course_Url": "/course/react-essentials", "Location": "vILT", "ShowPageForSearchEngine": true, "MetaTitle": "", "SEOTitle": "", "MetaDescription": "", "CanonicalLink": "", "SocialMetaTags": "", "SeoPriority": 0.5, "EnableAMP": false, "AMPContent": "", "OpenGraphProperties": { "title": null, "type": null, "url": null, "locale": null, "image": null }, "ExternalId": 0, "Params": {} } ] }

Need to Request This Course On a Different Day?

LANTEC is very responsive to local client needs and unique or custom class demands. If you require a delivery date option for a class title on our schedule, please submit your specific request for immediate consideration. We can often accommodate countless additional courses NOT available on our public schedules, please inquire for personal assistance.
Want to schedule it?