Learn React by building a web app • Hacker News Board

Re: Learn React by building a web app

#31

Post by acemarke » Tue, Apr 10, 2018, 8:27 PM UTC

Since this is a "learn React" thread, I'll point to my standard suggested resources for learning React [0], and my React/Redux links list [1]. More aimed at the self-learners out there who learn from blog posts and articles than courses, but the links list especially has a ton of info on React concepts and best practices.

Also, the Reactiflux chat channels on Discord [2] are a great place to get help and learn. We've always got a bunch of people hanging out happy to answer questions. Come on by and join us!

[0] http://blog.isquaredsoftware.com/2017/12/blogged-answers-lea...

[1] https://github.com/markerikson/react-redux-links

[2] https://reactiflux.com

Re: Learn React by building a web app

#32

Post by txsh » Tue, Apr 10, 2018, 8:40 PM UTC

ng12 wrote: post #17

amriksohata wrote: post #8

I fear that by the time I'm good enough at react, another library will come out

Eh, React is 5 years old. I've been writing it professionally for 3. I'm not worried. And honestly -- React doesn't have the same pain points jQuery/Backbone/Angular1 did where I couldn't wait to move on after 6 months. We'd have to see an absolutely massive paradigm shift before I'd regret writing my apps in React.

I feel this way about React but Redux seems awkward and worthy of replacement. Am I in the minority on this?

Re: Learn React by building a web app

#33

Post by beefalo » Tue, Apr 10, 2018, 8:55 PM UTC

txsh wrote: post #32

ng12 wrote: post #17

Earlier quoted context omitted.

Eh, React is 5 years old. I've been writing it professionally for 3. I'm not worried. And honestly -- React doesn't have the same pain points jQuery/Backbone/Angular1 did where I couldn't wait to move on after 6 months. We'd have to see an absolutely massive paradigm shift before I'd regret writing my apps in React.

I feel this way about React but Redux seems awkward and worthy of replacement. Am I in the minority on this?

You are not alone. After trying out GraphQL with Apollo, going back to Redux is painful.

Re: Learn React by building a web app

#34

Post by rozenmd » Tue, Apr 10, 2018, 8:57 PM UTC

txsh wrote: post #32

ng12 wrote: post #17

Earlier quoted context omitted.

Eh, React is 5 years old. I've been writing it professionally for 3. I'm not worried. And honestly -- React doesn't have the same pain points jQuery/Backbone/Angular1 did where I couldn't wait to move on after 6 months. We'd have to see an absolutely massive paradigm shift before I'd regret writing my apps in React.

I feel this way about React but Redux seems awkward and worthy of replacement. Am I in the minority on this?

There are tons of options for State Management before you even need Redux. Check out:

Context API: https://reactjs.org/docs/context.html

Unstated: https://github.com/jamiebuilds/unstated

MobX: https://github.com/mobxjs/mobx

Re: Learn React by building a web app

#35

Post by philfrasty » Tue, Apr 10, 2018, 8:59 PM UTC

acemarke wrote: post #31

Since this is a "learn React" thread, I'll point to my standard suggested resources for learning React [0], and my React/Redux links list [1]. More aimed at the self-learners out there who learn from blog posts and articles than courses, but the links list especially has a ton of info on React concepts and best practices. Also, the Reactiflux chat channels on Discord [2] are a great place to get help and learn. We've…

If one enjoys learning by video I can recommend "The Net Ninja" on YouTube. He has a series on React.js (as well as many other languages and frameworks): https://www.youtube.com/playlist?list=PL4cUxeGkcC9i0_2FF-Wht...

Re: Learn React by building a web app

#36

Post by acemarke » Tue, Apr 10, 2018, 9:00 PM UTC

txsh wrote: post #32

ng12 wrote: post #17

Earlier quoted context omitted.

Eh, React is 5 years old. I've been writing it professionally for 3. I'm not worried. And honestly -- React doesn't have the same pain points jQuery/Backbone/Angular1 did where I couldn't wait to move on after 6 months. We'd have to see an absolutely massive paradigm shift before I'd regret writing my apps in React.

I feel this way about React but Redux seems awkward and worthy of replacement. Am I in the minority on this?

I'm a Redux maintainer. Any particular pain points you're concerned about?

Re: Learn React by building a web app

#37

Post by Taig » Tue, Apr 10, 2018, 9:31 PM UTC

syndacks wrote: post #30

amriksohata wrote: post #8

I fear that by the time I'm good enough at react, another library will come out

i fear that eventually you'll be able to just design something in Sketch and press a button for the rest...

And then be asked a dozen questions how the layout should behave on small and wide screens, should the headline be ellipsized or word-wrapped? I don't see a general purpose solution for this kind of problem coming anytime soon.

Re: Learn React by building a web app

#38

Post by RobertRoberts » Tue, Apr 10, 2018, 9:46 PM UTC

babaganoosh89 wrote: post #21

amriksohata wrote: post #8

I fear that by the time I'm good enough at react, another library will come out

Probably next big thing will be straight web components or UI libraries like react or angular converting to web components. So everything should be nicely interoperable in the future, it'd just be a matter of how your modeling your data.

I agree, the libraries will get lighter, just like jQuery has been doing for some time. I tried Vue again recently, and it was a 30 second copy/paste and it just worked instantly. 2 minutes later I had an example working inline with a project I am working on. (how long does it take to build your first React app?)

Web components are the dream of sharing code widely across many different systems, just like HTML, CSS and JS do. This is why it will beat React in the long term, wrapped in a lighter weight set of frameworks.

Just the other day there was an article discussing how the virtual dom could be improved with a static dom, and then only partially updated at the edges, something React isn't even designed to do. (ie, it does a complete diff of the dom and manages the entire view, correct me if I am wrong here)

Finally, if performance is your game, browser optimized code, whether it's web assembly or simple improvements to components, it will always beat a virtualized layer on top of it. Again, React will lose on this point too.

The question is, how long will it take before there truly is something better widely available? Or is it here already and we can't see it's value yet?

Re: Learn React by building a web app

#39

Post by tropshop » Tue, Apr 10, 2018, 9:59 PM UTC

babaganoosh89 wrote: post #21

amriksohata wrote: post #8

I fear that by the time I'm good enough at react, another library will come out

Probably next big thing will be straight web components or UI libraries like react or angular converting to web components. So everything should be nicely interoperable in the future, it'd just be a matter of how your modeling your data.

I recently found https://svelte.technology and looking forward to trying it out. It has no run-time like React or any other virtual DOM engine, but instead does compile-time static analysis.

It is a Rich Harris project (authored Rollup, Ractive, Bublé) so might be worth paying attention to.

Re: Learn React by building a web app

#40

Post by filleduchaos » Tue, Apr 10, 2018, 10:08 PM UTC

Taig wrote: post #37

syndacks wrote: post #30

Earlier quoted context omitted.

i fear that eventually you'll be able to just design something in Sketch and press a button for the rest...

And then be asked a dozen questions how the layout should behave on small and wide screens, should the headline be ellipsized or word-wrapped? I don't see a general purpose solution for this kind of problem coming anytime soon.

...uhhh, Sketch has had artboards for ages