#1 portions are dated and overly simplified, the browser DOM has seen a lot of significant improvements, and so has React...
#5-4 JSX is *not* complex at all imho... some developers don't like it, and there's a heavy overlap with developers who don't like JavaScript in general, or like tech in different files or prefer general templating DSL.
#9 part is demonstrating CommonJS vs ESM ... the other is React's legacy interface VS class based inheritance, which is supported natively in all modern browsers (though JSX isn't without transformation).
#10-2 React supports both SSR and client
#12 ignores functional components
#13 doesn't explain functional components
#16.1 is wrong, state isn't received from the parent (not to be confused with state initialized from prop, or context)
#16.5 likewise with 16.1
#16.6 both no, you can send a function/event handler for child to bubble out, or use context.
#18 fat-arrow is a JavaScript thing as of ES6, not specific to react. It is a context bound lambda expression.
#21 neglects functional component hooks.
#23 unbound function
#25 example is just plain *WRONG*
#27 demo is wrong
#28 demo is wrong
... not reading beyond #28 ...