React Basics
Take a dive into the React world, complete with the brand new Hooks API. Learn how to “think” in components, dataflow and master JSX to build React applications the modern way.
If you're looking for a step-by-step guide for learning Angular and TypeScript, you'll find no better resource than Ultimate Courses.
After the RxJS Basics course I know much more than before about RxJS. I've learnt in a practical way how and when to use the powerful operators the library provides taking advantage from them in the daily work. Amazing!
Todd's courses lead the way in the Angular world. We also worked together on a very successful live Angular performance training session to hundreds of developers.
A must have for anyone wanting to become an Angular developer. Lots of best practices to help you architect big apps. I learned incredible amounts from this course!
Todd's materials are always fantastic! The courses have helped me far better grasp real architecture of Angular apps - and the way it should really be done. A+.
Wow! I've achieved a great level of understanding on how to build real applications with Angular. Todd's indepth knowledge of Angular was fantastic, and the explanations on Typescript are superb.
Angular Fundamentals is the clearest, and best produced Angular course on the market! Clear, concise, packed with best practices and skilled me up very quickly!
Hands down the best courses available for Angular! Just follow along, you'll fall in love with Angular. Daunting concepts aren't scary anymore, they're a breeze.
Here’s what’s covered...
Everything you need, structured and ready to go
Introduction to React
1 lesson
-
The Missing Introduction to React
06:52
Rendering view in React
10 lessons
-
Rendering view with HTML
01:57
-
Bootstrapping React in HTML
02:07
-
Render an element with React.createElement
03:30
-
Rendering nested elements with React.createElement
04:34
-
What is JSX?
03:34
-
Creating view with JSX
04:49
-
The relation between HTML and JSX
04:15
-
Accessibility and ARIA in JSX
02:38
-
Interpolating values in JSX
03:58
-
Using expressions in JSX
06:23
Introduction to Components
11 lessons
-
Introduction to Components
05:52
-
Pure functions
03:12
-
Components as functions returning view
04:11
-
Passing props to Components
05:15
-
The children prop
06:43
-
Setting up a dev environment with create-react-app
11:07
-
Isolating Components as exports and imports
04:26
-
Adding an event handler to an element
07:12
-
Adding state with the useState hook
07:31
-
One-way Data Flow in Components
07:43
-
Building re-usable Components
09:43
The React virtual DOM vs the browser DOM
2 lessons
-
Introduction to the React reconciler
06:12
-
Introduction to the React Dev Tools
08:32
A deeper dive into Components
14 lessons
-
Conditional rendering with an if statement
12:02
-
Conditional rendering with the ternary operator
01:27
-
Conditional rendering with the boolean AND operator
03:59
-
Interpolating Arrays in JSX
03:14
-
Exploring Array.map
04:04
-
Using Array.map to render an Array
02:56
-
Understanding the key prop
12:11
-
Filtering collections client side with Array.filter
08:20
-
Mapping an Object to view
04:07
-
Handling basic side effects
13:40
-
Understanding shallow dependency checks
05:29
-
Using the empty dependency Array in useEffects
07:31
-
Cleaning up after side effects
11:05
-
JavaScript closures and the useEffect hook
17:11
Forms in React
10 lessons
-
Creating controlled Components
10:29
-
Binding multiple form controls to Component State
08:54
-
Submitting form data
05:51
-
Updating form State from code
03:31
-
Using a textarea
03:56
-
Using a select
04:55
-
Using a checkbox
04:35
-
Grouping checkboxes together
06:52
-
Using radio buttons
08:17
-
Loading data into a form
09:48
Thinking in Components
5 lessons
-
From design to rough Component outline
04:09
-
Building a static React view from the design
21:27
-
From static view to statefull app
15:48
-
Making sure the app is accessible
06:55
-
Identifying re-usable code
15:48
HTTP Requests
7 lessons
-
Understanding HTTP requests
04:47
-
Create a basic HTTP server in Node Express
05:48
-
Fetching data from the server
15:00
-
Sending data to the server
09:44
-
Avoiding State changes on unmounted Components
04:51
-
Using async/await
03:36
-
Setting custom HTTP headers
03:21
Routing
5 lessons
-
Adding React Router to your application
11:29
-
Navigating with the router’s Link Component
06:36
-
Understanding route parameters
13:53
-
Updating the browser title
09:49
-
Making routing accessible
09:29
Secure SSL encrypted payments
Or get the complete bundle...
Everything you need to start mastering React today
React Kickstart Bundle
2 courses
Secure SSL encrypted payments
100% money back guarantee
These courses are empowering thousands with expert knowledge - they will you too. If you're disappointed for whatever reason, you'll get every cent back.
Student/Location discounts
Not-so-good exchange rate? (i.e. India/Brazil) Get in touch for a coupon. Student? Email us from your student email or attach your student ID.