React - CS50 Beyond 2019

TABLE OF CONTENTS

00:00:00 - Introduction
00:00:59 - React Concepts
00:01:58 - JSX
00:02:46 - React Libraries
00:03:58 - Components
00:25:21 - State
00:46:00 - Flash Card Game in React
01:11:53 - Some Useful JS Tools

***

This is CS50, Harvard University's introduction to the intellectual enterprises of computer science and the art of programming.

***

HOW TO SUBSCRIBE

HOW TO TAKE CS50

HOW TO JOIN CS50 COMMUNITIES

HOW TO FOLLOW DAVID J. MALAN

***

CS50 SHOP

***

LICENSE

CC BY-NC-SA 4.0
Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International Public License

David J. Malan

[Matyas]

These CS50 courses are unbeatable, super profound and consequent, seems like Harvard is the best..far the best

[saideepkonduri]

probably best video ever on React basics, thanks a lot

[javhaasuhochir]

Brian is the best when explaining things

[kennytong]

One of the best teacher I have ever seen

[kevinlin]

I always love this man. I really need Brian...

[vishnusingh]

9:22 first react program
11:37 to 12:47 react prog with props
49:54 <input> field has a property 'onchange' that responds to a change in the input field..it's much like onclick..you pass in a function, like so:
<input onChange = {this.updateResponse} value = {this.state.response}>
</div>
All functions that are event handlers can take as an argument their event.
Then you'll define the function updateResponse like so (crap is the event here),
udpateResponse (crap)=> {
this.setState({
response : crap.target.value });

[javhaasuhochir]

Thank Harvard you really helped me a lot on struggling with React Js, THanks Harvard Thanks

[senkasim]

It's a very nice video for React. Thanks a lot, Brian.

[kevinlin]

I can't hear his "Great question" anymore.
I loved it.

[mirknankazmzad]

That is how this course should be lectured

[vincentiusherie]

Absolutely fantastic! Thank you for sharing this online.

[chikatikah]

Anybody know the link to where the source code examples are at? Thanks in advance.

[simple]

Thanks a lot for giving us react course,

[ilkhomjonkhudoyberdiev]

really good video very helpful thanks very much

[TonyAK]

where I can find the source code? didnt find it after research. honestly really nice course!

[adnanfarooq]

Any specific reason for using classes for react rather than functions?

[Joe.sk]

Hey Brian, when you />, any better or worse than />, ??

[mstam]

not sure we can use forEach() as it returns undefined (I tried it & it didn't work), whereas the map() method returns a new array...

[samer]

how could he not hit any error by missing "this" in his handChange()?
He had :
tasks: [...state.tasks, state.input]

It should be with "this":
tasks: [...this.state.tasks, this.state.input]

[virajmurab]

can somebody provide lecture notes/slides