4 ms·

I literally don't know where to get started with React. Does anyone have any resources for a web design newbie?

by gf263 10y ago

dsp1234 10y ago
I started with this tutorial[0] that covers react with no JSX, no Flux, no ES6, and no Webpack. It is just a couple of script includes and normal html/javascript. From that tutorial, I was able to understand exactly what react is. Then I started adding in the other items on top. It's definitely not a boilerplate "site in 5 minutes", but it's also a lot less confusing when trying to learn what's going on underneath the hood with react. [0] - http://jamesknelson.com/learn-raw-react-no-jsx-flux-es6-webpack/ http://jamesknelson.com/learn-raw-react-no-jsx-flux-es6-webp...
- dceddia 10y ago
  This was my first exposure too. Once you're ready to build an app with JSX (probably right after you finish that tutorial and realize that typing React.createElement all over will get painful), check out the new tool Create React App[0] by Dan Abramov and the folks at Facebook. It's an official generator that'll get you going with no build to set up, and a bare minimum of necessary code, basically one step above Hello World. I'm working on a book about learning React by itself, without Redux and Webpack and all the other tools that distract from learning the basics. Hope to have it out in the next week or so. [0] https://github.com/facebookincubator/create-react-app https://github.com/facebookincubator/create-react-app
  - rimunroe 10y ago
    Why would you use React.createElement everywhere instead of just wrapping classes (or the imports of those classes) in React.createFactory?
falnatsheh 10y ago
So I just started a week ago, there's a lot of outdated tuts on the web, here is what I think could be a good route for somebody who starting today: 1- Create an app following the info here[0]. This was released officially few days ago, and it removes the pain of setuping React dependencies. 2- Use this [1] youtube tutorial to learn about React. I stopped at #9 since I didn't want to use Flux. 3- I think if you want to build something with React consider using Redux. Same youtube channel have a good tutorial[2] as well. [0] - https://facebook.github.io/react/blog/2016/07/22/create-apps-with-no-configuration.html https://facebook.github.io/react/blog/2016/07/22/create-apps... [1] - https://www.youtube.com/watch?v=MhkGQAoc7bc&list=PLoYCgNOIyGABj2GQSlDRjgvXtqfDxKm5b https://www.youtube.com/watch?v=MhkGQAoc7bc&list=PLoYCgNOIyG... [2] - https://www.youtube.com/watch?v=1w-oQ-i1XB8 https://www.youtube.com/watch?v=1w-oQ-i1XB8
noinsight 10y ago
I started last week and got decently up to speed with these three articles: [1] "ReactJS for Stupid People" - this explains what React is in simple meaningful terms. [2] "React.js Introduction For People Who Know Just Enough jQuery To Get By" - this shows you how things are usually done with just jQuery compared to how it's done in React. It really allows you to see why the jQuery way sucks. [3] "Flux For Stupid People" - by reading this you'll understand what the Flux stuff is about and can decide whether you need it or not - I chose to skip it. Finally, if you want to get up to speed with ES6 classes at the same time, [4] shows you a simple example. I personally started writing my React stuff this way straight away. I'm liking React a lot at this point. [1]: http://blog.andrewray.me/reactjs-for-stupid-people/ http://blog.andrewray.me/reactjs-for-stupid-people/ [2]: http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-to-get-by/ http://reactfordesigners.com/labs/reactjs-introduction-for-p... [3]: http://blog.andrewray.me/flux-for-stupid-people/ http://blog.andrewray.me/flux-for-stupid-people/ [4]: http://www.tamas.io/react-with-es6/ http://www.tamas.io/react-with-es6/
- gf263 10y ago
  Thanks for your insight :)
acemarke 10y ago
The links in the other replies are definitely good. Beyond that, I maintain a big list of links to high-quality articles on React and related topics, at https://github.com/markerikson/react-redux-links https://github.com/markerikson/react-redux-links . It's specifically intended to be a great place to start learning the ecosystem. Just for React, my list points to a couple dozen tutorial articles, a number of build-a-project tutorials, a number of articles that dig into how React works internally, and several paid courses and full books ( https://github.com/markerikson/react-redux-links/blob/master/react-tutorials.md https://github.com/markerikson/react-redux-links/blob/master... ).
- gf263 10y ago
  awesome list, thanks for your work
magerleagues 10y ago
I really like Stephen Grider's class on Udemy: https://www.udemy.com/react-redux/ https://www.udemy.com/react-redux/

I literally don't know where to get started with React. Does anyone have any resources for a web design newbie?

by gf263 10y ago

I literally don't know where to get started with React. Does anyone have any resources for a web design newbie?

I started with this tutorial[0] that covers react with no JSX, no Flux, no ES6, and no Webpack. It is just a couple of script includes and normal html/javascript. From that tutorial, I was able to understand exactly what react is. Then I started adding in the other items on top. It's definitely not a boilerplate "site in 5 minutes", but it's also a lot less confusing when trying to learn what's going on underneath the hood with react. [0] - http://jamesknelson.com/learn-raw-react-no-jsx-flux-es6-webpack/ http://jamesknelson.com/learn-raw-react-no-jsx-flux-es6-webp...

dceddia 10y ago
This was my first exposure too. Once you're ready to build an app with JSX (probably right after you finish that tutorial and realize that typing React.createElement all over will get painful), check out the new tool Create React App[0] by Dan Abramov and the folks at Facebook. It's an official generator that'll get you going with no build to set up, and a bare minimum of necessary code, basically one step above Hello World. I'm working on a book about learning React by itself, without Redux and Webpack and all the other tools that distract from learning the basics. Hope to have it out in the next week or so. [0] https://github.com/facebookincubator/create-react-app https://github.com/facebookincubator/create-react-app
- rimunroe 10y ago
  Why would you use React.createElement everywhere instead of just wrapping classes (or the imports of those classes) in React.createFactory?

falnatsheh 10y ago

So I just started a week ago, there's a lot of outdated tuts on the web, here is what I think could be a good route for somebody who starting today: 1- Create an app following the info here[0]. This was released officially few days ago, and it removes the pain of setuping React dependencies. 2- Use this [1] youtube tutorial to learn about React. I stopped at #9 since I didn't want to use Flux. 3- I think if you want to build something with React consider using Redux. Same youtube channel have a good tutorial[2] as well. [0] - https://facebook.github.io/react/blog/2016/07/22/create-apps-with-no-configuration.html https://facebook.github.io/react/blog/2016/07/22/create-apps... [1] - https://www.youtube.com/watch?v=MhkGQAoc7bc&list=PLoYCgNOIyGABj2GQSlDRjgvXtqfDxKm5b https://www.youtube.com/watch?v=MhkGQAoc7bc&list=PLoYCgNOIyG... [2] - https://www.youtube.com/watch?v=1w-oQ-i1XB8 https://www.youtube.com/watch?v=1w-oQ-i1XB8

noinsight 10y ago

I started last week and got decently up to speed with these three articles: [1] "ReactJS for Stupid People" - this explains what React is in simple meaningful terms. [2] "React.js Introduction For People Who Know Just Enough jQuery To Get By" - this shows you how things are usually done with just jQuery compared to how it's done in React. It really allows you to see why the jQuery way sucks. [3] "Flux For Stupid People" - by reading this you'll understand what the Flux stuff is about and can decide whether you need it or not - I chose to skip it. Finally, if you want to get up to speed with ES6 classes at the same time, [4] shows you a simple example. I personally started writing my React stuff this way straight away. I'm liking React a lot at this point. [1]: http://blog.andrewray.me/reactjs-for-stupid-people/ http://blog.andrewray.me/reactjs-for-stupid-people/ [2]: http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-to-get-by/ http://reactfordesigners.com/labs/reactjs-introduction-for-p... [3]: http://blog.andrewray.me/flux-for-stupid-people/ http://blog.andrewray.me/flux-for-stupid-people/ [4]: http://www.tamas.io/react-with-es6/ http://www.tamas.io/react-with-es6/

gf263 10y ago
Thanks for your insight :)

acemarke 10y ago

The links in the other replies are definitely good. Beyond that, I maintain a big list of links to high-quality articles on React and related topics, at https://github.com/markerikson/react-redux-links https://github.com/markerikson/react-redux-links . It's specifically intended to be a great place to start learning the ecosystem. Just for React, my list points to a couple dozen tutorial articles, a number of build-a-project tutorials, a number of articles that dig into how React works internally, and several paid courses and full books ( https://github.com/markerikson/react-redux-links/blob/master/react-tutorials.md https://github.com/markerikson/react-redux-links/blob/master... ).

gf263 10y ago
awesome list, thanks for your work

magerleagues 10y ago

I really like Stephen Grider's class on Udemy: https://www.udemy.com/react-redux/ https://www.udemy.com/react-redux/