Published on February 5, 2016 by LearnCode.academy
Want create site? Find Free WordPress Themes and plugins.

A big question in React JS is State vs Props. State is essentially any data that relates to the internals of a React component, but has nothing to do with the outside world. Props are data that the React.js component depends on to function and render correctly.

GET THE SOURCE CODE:
github.com/learncodeacademy/react-js-tutorials

React JS #1: Intro & Workspace Setup
youtu.be/MhkGQAoc7bc (Coming Tues, Feb 2@11CST)

React JS #2: Anatomy of a Component
youtu.be/fd2Cayhez58 (Coming Wed, Feb 3@11CST)

React JS #3: Composing Multiple Components
youtu.be/vu_rIMPROoQ (Coming Thurs, Feb 4@11CST)

React JS #4: State, Props & Data
youtu.be/qh3dYM6Keuw (Coming Fri, Feb 5@11CST)

React JS #5: Events & Data Changes
youtu.be/_D1JGNidMr4 (Coming Mon, Feb 8@11CST)

React JS #6: React Router & Intro to Single Page Apps
youtu.be/1iAG6h9ff5s (Coming Tues, Feb 9@11CST)

React JS #7: React Router Params & Queries

Did you find apk for android? You can find new Free Android Games and apps.

Leave a Reply

141 Comments on "REACT JS TUTORIAL #4 – State vs Props & Application Data"

Notify of
avatar

Vladislav Nabatov
Guest
Vladislav Nabatov
1 year 9 months ago

Best tutorials! Thank you very much!

LearnCode.academy
Guest
LearnCode.academy
1 year 9 months ago

+Vladislav Nabatov Thanks!

Duarte Monteiro
Guest
Duarte Monteiro
1 year 9 months ago

Loving the react tutorials! finally react makes sense. keep em going!

LearnCode.academy
Guest
LearnCode.academy
1 year 9 months ago

+Eddie Monteiro Thanks Eddie! More coming!

Carnaru Valentin
Guest
Carnaru Valentin
1 year 9 months ago

Big like!

LearnCode.academy
Guest
LearnCode.academy
1 year 9 months ago

+Carnaru Valentin Thanks!

papercutz100
Guest
papercutz100
1 year 9 months ago

Don't you dare stop these series!

LearnCode.academy
Guest
LearnCode.academy
1 year 9 months ago

+papercutz100 Many more to come…still have a lot of great stuff to cover.

Janek Rahrt
Guest
Janek Rahrt
1 year 9 months ago

keep up this series, very good work i enjoyed man! 🙂

LearnCode.academy
Guest
LearnCode.academy
1 year 9 months ago

+Janek Rahrt Thanks Janek. Definitely more coming!

Jonathan Dion
Guest
Jonathan Dion
1 year 9 months ago

Thanks for the react series. It's great ! Are you planing to use redux to manage the state?

LearnCode.academy
Guest
LearnCode.academy
1 year 9 months ago

+Jonathan Dion Yep, I'll cover flux and redux in this series.

a Haraldh
Guest
a Haraldh
1 year 9 months ago

Hey carful now, you dont want rp provoke the Fine bros into sueing you for using the word react

a Haraldh
Guest
a Haraldh
1 year 9 months ago

+Michaelangelo Harbree they have not yried to sue this guy, if that is what you meant. If you wonder about Fine bros and what they did the co-optional podcast covered it quite well imo.

Brutus Harvenius
Guest
Brutus Harvenius
1 year 9 months ago

+a Haraldh Wait what? Has this happened?

Robert Crossen
Guest
Robert Crossen
1 year 9 months ago

Great video ^^. Good to see more tutorials on the massive world of Javascript, React is really cool! I was wondering if you could do a video on how to use NPM as a build tool for smaller projects, I saw you tweeting about it once. It may not be as good as Gulp or Grunt but sometimes setting them up just for a small project is really annoying. Thanks 🙂

Allison Graves
Guest
Allison Graves
1 year 9 months ago

How can I set default style like getDefaultProps for that very Component??

LearnCode.academy
Guest
LearnCode.academy
1 year 9 months ago

did you try the inline styles link I sent you?

Allison Graves
Guest
Allison Graves
1 year 9 months ago

I know that.. I guess you didn't get my question.. Well lemme be clearer.. I've created a custom textbox where in I want to give my textbox border colour blue by default and that textbox prop class should be able to override the default color..

LearnCode.academy
Guest
LearnCode.academy
1 year 9 months ago

+Man Ponk I see you dyed your hair blonde! You can either add a css file to the index.html just like usual,If you use Foundation or Bootstrap and don't have a lot of styles, you can do inline styles: facebook.github.io/react/tips/inline-styles.htmlor you can use webpack to manage CSSwebpack.github.io/docs/stylesheets.html

Allison Graves
Guest
Allison Graves
1 year 9 months ago

Where should I write css? Will you be much clearer..

Allison Graves
Guest
Allison Graves
1 year 9 months ago

I knew Will and Laura.. You write here name first on your videos.. So nice of you.. And thanks for answering my question.. And the place where I'm working now is only and only because of your videos..

vzwGrey
Guest
vzwGrey
1 year 9 months ago

Wow, React only re-rendering the parts that actually need to be re-rendered instead of re-rendering the whole dom just made my jaw drop! That's such an amazing feature!On another note, will you make a video just about which plugins you use for Sublime Text as well as the settings you use?

vzwGrey
Guest
vzwGrey
1 year 9 months ago

+LearnCode.academy Hah, alright 😛

LearnCode.academy
Guest
LearnCode.academy
1 year 9 months ago

woops, that was me – my wife's account was accidentally left logged-in

Laura Stern
Guest
Laura Stern
1 year 9 months ago

+vzwGrey Yeah, virtual DOM is one of the biggest game-changers that React brought to the table…what it does for offloading developer burden is HUGE!

1 7 8 9
wpDiscuz