Andrew Ray

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/
[2]: http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-to-get-by/
[3]: http://blog.andrewray.me/flux-for-stupid-people/
[4]: http://www.tamas.io/react-with-es6/

I had this same initial reaction, but concluded as others have that this architectural approach was not actually a separation of concerns but merely an unwieldy separation of technologies: http://blog.andrewray.me/youre-missing-the-point-of-jsx/

When you start thinking in components it becomes much nicer to have the styling, logic and layout all in one file, isolated from the rest of the application and easy to edit, move around and apply to any page.

The previous 'best practice' of having these coupled aspects in separate files now seems quaint and tedious.

There are of course trade-offs, and CSS-in-JS has not triumphed yet, but if you've held off from considering this approach simply because you've had 'separation of technologies' drummed into you in the past you might be missing out.

I agree with andwaal that reflux is the simplest way so far that I've seen. I think what is really lacking is a demonstration application which isn't just "hello world" or the standard todo app rewritten in React. I just don't find that helpful.

For another overview, see this article:

http://blog.andrewray.me/reactjs-for-stupid-people/

Please don't take offence at the title, I didn't write it :D

My favorite part is how half of the screenshots include a clearly marked "Free Usage Tier" option that OP did not select

https://blog.andrewray.me/content/images/2018/03/Screen-Shot-2015-08-03-at-10.33.28-AM.png

Dark UI indeed.

https://blog.andrewray.me/content/images/2018/03/aws-rds-now.png