Introduction to React

[@Vinc3n7]

Seven months later and it's still the best beginner tutorial out there. I've been looking at everything on KZbin lately and this is still the winner. Special bonus... everything in the demo code works. Thanks for this Sébastien!

[@norexus007]

Hey, look no further. This is the best React introduction on KZbin with no step skipped!!! It's not one of those watch-me-code videos. I definitely recommend it if you are a beginner in React. Thank you for this.

[@dudke77]

i'm a beginner in React and this is the best introduction to i have seen so far!

[@Baba-so6fh]

What are the prerequisite topics/knowledge one needs to have covered and understood before moving on to React?

[@keithchong6960]

ES6. Not much. Some basics such as writing functions with => this fat arrow, Interpolation in ES6, const-let-var, and the separation of concerns for React. For me I had some knowledge in Ruby on Rails beforehand and identify strongly with patterns, so helped and worked for me. You might have a different learning style. Just run through a refresher course on ES6, take note of the basic directory structure of React then you're good to go. This is an awesome introduction course!

[@nizamilputra]

Agree! Thanks Sébastien!

[@ameertrace2253]

I know I'm kinda randomly asking but do anyone know of a good website to stream newly released tv shows online?

[@waylonemiliano7724]

@Ameer Trace I use Flixzone. You can find it on google =)

[@sp808]

I just wanted a birds eye view of React and this is an excellent tutorial. It covers most of the basic concepts and is perfect for technical managers and other people who want to read and understand React. Thanks!!!

[@Sandarie]

At 1:30:00, the json on GitHub has been updated since then. So you can add key={flat.id}.

[@BryanLewis]

This introduction was awesome! Thank you!

[@drshoexu]

This is really a great introduction to React. The instructor also asked crucial questions to the audiences that make you stop and think. Thank you!

[@souviksett]

Level boss level. Clear, explanatory tutorial and best to start with react.

[@farhatrahmanikhan7437]

Best tutorial i found so far.Thanks

[@nicksteenson4201]

Beautiful intro to React, will definitely bookmark Le Wagon for future reference!

[@emekachinedu7896]

This gives a good foundation to build on. Thanks!

[@cm0te]

You guys are great for uploading this video, super up to date, and super helpful. Thank you very much!

[@keithchong6960]

This is the best React Tutorial I have ever been a part of. You covered alot of material. Thanks Sebastien. God bless your soul.

[@keithchong6960]

As it turns out. We can write 1:09:20 into {flats.map((flat) => )} without return =)

[@tk300693]

Wow this is actually a pretty good tutorial! Thank you so much!

[@katotoy6755]

Excellent introduction to React. The web app being developed in the course of the talk will make you understand why React and what problem it's trying to solve.

[@mikec3412]

This was really good, I was able to follow along no problem. Thanks!

[@deepak9260]

One of the best-explained tutorials on React js.. #Loved it

[@ateetjain4423]

One of the best video on react for beginners

[@zerget5938]

best react tutore for beginners it goes in depth!

[@solomonaryeetey7370]

I think reactjs.com should point beginners to this KZbin video

[@roaminromain]

I was wondering how Seb got to search file on github (1:47:00), the keyboard shortcut is: t full list of gh shortcuts here: help.github.com/articles/using-keyboard-shortcuts/

[@famantanantsoaandryoelihar2380]

very good presentation , thanks

[@shriramnarayanasamy6667]

Very good tutorial. Thanks!

[@logicstv]

this dude can teach

[@dreams-do-come-through]

Indeed!!

[@mounircoderschool]

best React course, thanks

[@phishstyxf4]

1:33.44 whenever I add handleClick={this.selectFlat} I get a TypeError. Cannot read propert 'selectFlat' of undefined. What am I doing wrong?

[@ozguataseven]

Did you fix this error . I couldnt?

[@lakshmiatreyapurapu9692]

Try passing this as the second argument to map to preserve the current context. That should work

[@khaledabdelal8015]

Great introduction .... I like your sublime text theme and icons does any one know their name ?

[@embraeroren5164]

Loved it! .. Keep up the good work!

[@Videosuser]

excellent tutorial.

[@RCScorch]

did something with GoogleMap change since this was originally posted? I am getting this: "GoogleMap: defaultCenter prop changed. You can't change default props"

[@developmentwithroman]

Great tutorial. Thank you a lot. React.js will be the main JavaScript framework in 2018 for sure. And I guess in 2019 too

[@alexandrecordani]

Toujours au top Seb. Merci

[@HassanRaza-ur8gg]

Very Great Trainer!!!

[@PeterossettiNet]

Yes excellent - wish i could type that well!!!

[@blenezet]

Great intro to React

[@ashishkumartiwari8098]

Very good tutorial.

[@DurBeats]

Extremely good teaching! But my map does not work/show up :(

[@DurBeats]

EDIT: Solved. Define a fixed width for the main div.

[@neetinsinghnegi4262]

Module not found: Can't resolve 'google-map-react' in 'C:\Users\Lenovo eact15-app\src'

[@hazelxvx]

in my case i accidently installes "google-maps-react" and not "google-map-react"... check your spelling, it might be the reason :)

[@czowieklasu2449]

Hi! Greetings from UK. Is it possible to download this presentation by any chance? :) thanks

[@LeWagon]

Sure 👉 fr.slideshare.net/ssaunier/le-wagon-react-101

[@rajatexplains]

I am not able to render my map. The video didn't used an API_KEY for the Google Map..but the error in console says NoAPIKeys. Can anyone help

[@rebeccachan9470]

someone asked a similar question further down the thread - you'll need to get an api key from google. there are instructions on how to implement in the read.me file in the github. developers.google.com/maps/documentation/javascript/get-api-key

[@franciscovera1151]

Excelent & Amazing, only one observation, ".marker.selected" dosnt work, i check the code many times, and not working, when select a flat, do the correct function and center the flat in the map, but dosnt have any background-color or style, only shows the text.

[@Vinc3n7]

I was having the same problem. Change the selected class in marker.css to .selected { background-color: yellow; border-color: black; } as opposed to .marker .selected {...

[@Damjan25]

really good tutorial! :)

[@albarleta2511]

Merci!

[@houssemchridi4544]

Hello i can t dispaly the map the warning message is No api Key and i dont know how to include it in my app can some one Helps me pls ?!!

[@LeWagon]

You need to create one in the Google API Console, have a look at this article: developers.google.com/maps/documentation/javascript/get-api-key?hl=en

[@roaminromain]

{this.state.flats.map((flat) => { return })}

[@johnnyquesada750]

You are the man!!!

[@dumisani100]

Like it so far

[@priyaranjan1733]

Thanks. :) It's helpful :)

[@neetinsinghnegi4262]

i cannot make my map green grid

[@ouss]

really needed it

[@SebastienSaunier]

Glad I could help!

[@SatyajitMishracet]

good one

[@ville2917]

Pas en anglais en français

[@javascriptluv1912]

amazing

[@kellykirkland7114]

You have a thick accent... Are you Italian?

[@MatthiasHauswirth]

Kelly Kirkland You have a funny question... Are you American? (Sorry, I usually don’t make such snarky comments, but I just couldn’t hold back. His accent is very French. Le Wagon is a French company with a French name. Italians with thick accents sound very different. I like both accents, they sound nicer than mine. Come visit Europe; we have a great number of diverse thick accents, and some nice places to visit, too :) )

[@loedn3024]

YAS!

[@stoksc]

+1