React Overview - Learn Next.js

[@foundingfreedom1537]

1:02 Classes vs Functional Components 3:18 Arrow Functions 4:29 Props 7:25 ES6 Destructure 8:41 State 9:30 Fragment 12:48 ES6 Spread Items 13:22 ES6 Filter 15:20 React Hooks 19:02 ES6 Rest Spread 20:23 Wrap up.

[@ilug5197]

Thanks! :*

[@hfx]

This was really helpful, great voice great explanation!

[@yashdeephinge]

Great Video Just a comment for viewers If you are a beginner the current version of react doesn't supports this. const comp = ()=>{ 1} you need to add return const comp = ()=>{ return 1} to make it work.

[@quartz2844]

Thank you so much! Your videos are so helpful! :)

[@tomrago844]

Amazing tutorial 💙

[@stanstanstan]

Awesome introduction, thank you!

[@redbeard1891]

Awesome content mate. Could you do a vid on how to setup a next+react native monorepo

[@e11world]

I love the way you teach and I'm so excited that I found your channel (subbed) and learning this course from you. Can't wait to go through the rest of this playlist! I've been doing the cpanel way with WP or static html sites for years and finally getting on this train but have doubts since my JS level isn't much. Would you say this is a good alternative to building blogs, ecommerce sites for someone who's learning still (I do that stuff with ease for my clients with woocoomerce for example) but just not knowing enough about how you'd have the blog post be edited, adding products, integrating shopping cart system (with db) is still putting me off. Seems like your playlist has answers to lots of my questions but wondering if I can still upload / export a next.js site to cpanel easily?

[@leerob]

Try vercel.com/import. Even easier than cpanel!

[@svahora]

It's amazing what you're able to do with React, but it's difficult for me to read and conceptualize the code at 15:00 - Can NextJS only be used if one understands React well?

[@leerob]

Yes, Next.js is built on top of React. What about 15:00 is confusing for you? I can try and explain more 😁

[@svahora]

​@@leerob I can't keep track of all the "this" used. I'm a visual person and I'm struggling to understand what data is being moved around.

[@leerob]

@@svahora This is one of the big reasons to go directly to hooks. "this" was really confusing. If you're just getting started, just immediately go to hooks and forget about classes :) My opinion.

[@aashiqahmed5273]

for me the super(props) is automatically striken down and says deprecated?

[@leerob]

Explaining class components is to help provide context to those who might have worked with React in the past, but not the newer features. Going forward, I would recommend using hooks for everything.

[@aashiqahmed5273]

@@leerob cool

[@pr7solo919]

@@leerob i think in present version of react we no longer need to use constructor and defining this.state ...we can simply write state without using constructor ....am i right?

[@leerob]

@@pr7solo919 This is mostly for historical context. I'd recommend using hooks!

[@pr7solo919]

@@leerob i got it ,,thanks for the respond

[@unmy400]

do people still use Classes components for new components? thought it was a legacy thing now

[@leerob]

Yeah, it's rarely used anymore. Helpful to understand, though!

[@anatolenavarro6351]

whats the best way to use bootstrap with nextjs

[@theseanmodd]

who downvotes this gold?