This fast-paced course equips you with the skills to build modern web applications using React, no prior React experience required.

By the end of this course, you will be able to develop dynamic Web Applications with React, utilizing the latest features and best practices:

- Build reusable, functional components and work with **props**, **state**, and **hooks**.
- Leverage modern **routing** solutions to create dynamic, multi-page experiences.
- Master modern **testing** practices to ensure reliability and maintainability.
- Implement efficient **form handling** with validation and advanced techniques.
- Explore and create custom **hooks** to encapsulate reusable logic.
- Understand and apply rendering techniques (**client-side**, **server-side**, and **static rendering**).
- Follow industry **best practices** for testing, performance optimization, and maintainability.
- Gain a **deep understanding** of React's architecture, principles, and evolution.
- Be aware of popular **tools**, **frameworks**, and **component libraries** used by React developers today.

Through hands-on labs and a **non-trivial/real-world recipe application project**, you'll tackle practical challenges and learn to implement robust solutions for modern React applications.


Core React

React Masterclass

Master JavaScript from the ground up with this comprehensive Core JavaScript course. Designed for developers looking 
to build a strong foundation, this course covers everything from basic syntax to advanced concepts like classes, 
functional programming, and asynchronous code. 

Dive deep into the essentials of browser-based JavaScript, including DOM manipulation, event handling, and modern 
ES features. This course also introduces testing practices and prepares you for frameworks like Angular, React, 
Vue, and Svelte.

What you will learn:
- Understand modern JavaScript syntax, features, and best practices.
- Organize and structure your code effectively with modern **ES Modules**.
- Write robust object-oriented and functional JavaScript.
- Manage asynchronous workflows with promises and async/await.
- Manipulate and interact with the DOM using modern APIs.
- Leverage JavaScript modules for structured and maintainable code.
- Test JavaScript code with tools like Jest and Vite-Test.
- Prepare for advanced JavaScript concepts and frameworks.


JavaScript Core

Modern JavaScript/ECMAScript Masterclass

Master TypeScript, the powerful superset of JavaScript that enables static typing and modern development workflows. 
This short but comprehensive course covers everything from foundational concepts to advanced features, including utility types, 
generics, type narrowing, and modern tooling. Learn to write safer, scalable, and maintainable code with TypeScript, 
with a focus on **functional programming** and clean code practices.

Perfect for developers aiming to build applications with frameworks like **Angular**, **React**, and other modern libraries.

What you will learn:
- Set up and configure **TypeScript projects** with modern tools like Vite and Babel.  
- Understand **type annotations**, advanced types, and the **type system**.  
- Explore **interfaces** and **type aliases** to design flexible and reusable types.  
- Master **functions** with overloads, generics, async/await, and typed callbacks.  
- Work with **classes**, including access modifiers, inheritance, generics, and decorators.  
- Use **utility types** (`Partial`, `Pick`, `Omit`, etc.) and extend them with libraries like `ts-essentials`.  
- Apply **type operators** (`typeof`, `keyof`, `in`, `as`) and advanced **type narrowing**.  
- Leverage modern features like **template literal types** and **conditional types**.  
- Write clean, maintainable code with a **functional programming style**.  
- Build real-world solutions with TypeScript for frameworks like Angular, React, and beyond.  


Simple webpack (5.x) tutorial

Course Suggestions

Core React

React Masterclass

JavaScript Core

Modern JavaScript/ECMAScript Masterclass

TypeScript

TypeScript One-Day Primer