5 ms·

If I were to cave in and learn React, can someone recommend an existing project that would serve as good learning material?

by 3131s 9y ago

rkuykendall-com 9y ago
I always recommend this article to people who want to learn react, as it focuses on the concepts and not the code, which actually differs a lot on if you use a JS compiler: http://jlongster.com/Removing-User-Interface-Complexity,-or-Why-React-is-Awesome http://jlongster.com/Removing-User-Interface-Complexity,-or-... The author creates a library, piece by piece, which introduces the same concepts. Makes it much easier to jump into the 'real' framework.
truekojo 9y ago
This repo has been quite helpful pour moi... https://github.com/gothinkster/react-redux-realworld-example-app https://github.com/gothinkster/react-redux-realworld-example...
- 3131s 9y ago
  Thanks! In the past I've looked at the docs and got something basic going with create-react-app, but since I've been put off by little things here and there I'd like to see a working example of a larger system to better appreciate what's good about React. This seems like what I was looking for.
- gt2 9y ago
  Looks good but can any React experts comment as to - whether or not this really uses best practices? - leverages React to the fullest?
  - acemarke 9y ago
    Those are both pretty broad questions. Skimming through the code, I'd say it's a reasonable example of a React+Redux codebase. I don't think I could say it "leverages React to the fullest", because it's unclear exactly what that means, and this is not an overly complex sample application. But, it does serve as a useful example of something more "real" than yet another TodoMVC clone.
danabramov 9y ago
I'd recommend to start with the official tutorial and docs. https://facebook.github.io/react/tutorial/tutorial.html https://facebook.github.io/react/tutorial/tutorial.html https://facebook.github.io/react/docs/hello-world.html https://facebook.github.io/react/docs/hello-world.html
acemarke 9y ago
Per Dan's suggestion, you should start with the actual docs. After that, I keep a big list of links to high-quality tutorials and articles on React, Redux, and related topics, at https://github.com/markerikson/react-redux-links https://github.com/markerikson/react-redux-links . Specifically intended to be a great starting point for anyone trying to learn the ecosystem, as well as a solid source of good info on more advanced topics. It includes links for learning core Javascript (ES5), modern Javascript (ES6+), React, Redux, and much more. I also published an "Intro to React (and Redux)" presentation at http://blog.isquaredsoftware.com/2017/02/presentation-react-redux-intro/ http://blog.isquaredsoftware.com/2017/02/presentation-react-... , which is a good overview of the basic concepts for both React and Redux. Also, the Reactiflux chat channels on Discord are a great place to hang out, ask questions, and learn. The invite link is at https://www.reactiflux.com https://www.reactiflux.com .

If I were to cave in and learn React, can someone recommend an existing project that would serve as good learning material?

by 3131s 9y ago

If I were to cave in and learn React, can someone recommend an existing project that would serve as good learning material?

rkuykendall-com 9y ago

I always recommend this article to people who want to learn react, as it focuses on the concepts and not the code, which actually differs a lot on if you use a JS compiler: http://jlongster.com/Removing-User-Interface-Complexity,-or-Why-React-is-Awesome http://jlongster.com/Removing-User-Interface-Complexity,-or-... The author creates a library, piece by piece, which introduces the same concepts. Makes it much easier to jump into the 'real' framework.

truekojo 9y ago

This repo has been quite helpful pour moi... https://github.com/gothinkster/react-redux-realworld-example-app https://github.com/gothinkster/react-redux-realworld-example...

3131s 9y ago
Thanks! In the past I've looked at the docs and got something basic going with create-react-app, but since I've been put off by little things here and there I'd like to see a working example of a larger system to better appreciate what's good about React. This seems like what I was looking for.
gt2 9y ago
Looks good but can any React experts comment as to - whether or not this really uses best practices? - leverages React to the fullest?
- acemarke 9y ago
  Those are both pretty broad questions. Skimming through the code, I'd say it's a reasonable example of a React+Redux codebase. I don't think I could say it "leverages React to the fullest", because it's unclear exactly what that means, and this is not an overly complex sample application. But, it does serve as a useful example of something more "real" than yet another TodoMVC clone.

danabramov 9y ago

I'd recommend to start with the official tutorial and docs. https://facebook.github.io/react/tutorial/tutorial.html https://facebook.github.io/react/tutorial/tutorial.html https://facebook.github.io/react/docs/hello-world.html https://facebook.github.io/react/docs/hello-world.html

acemarke 9y ago

Per Dan's suggestion, you should start with the actual docs. After that, I keep a big list of links to high-quality tutorials and articles on React, Redux, and related topics, at https://github.com/markerikson/react-redux-links https://github.com/markerikson/react-redux-links . Specifically intended to be a great starting point for anyone trying to learn the ecosystem, as well as a solid source of good info on more advanced topics. It includes links for learning core Javascript (ES5), modern Javascript (ES6+), React, Redux, and much more. I also published an "Intro to React (and Redux)" presentation at http://blog.isquaredsoftware.com/2017/02/presentation-react-redux-intro/ http://blog.isquaredsoftware.com/2017/02/presentation-react-... , which is a good overview of the basic concepts for both React and Redux. Also, the Reactiflux chat channels on Discord are a great place to hang out, ask questions, and learn. The invite link is at https://www.reactiflux.com https://www.reactiflux.com .