4 ms·

The previous tutorial posts by Robin are fantastic, and cover topics like React, Redux, MobX, Flow, and ESLint ([0]). This book looks to be even better. I'm g

The previous tutorial posts by Robin are fantastic, and cover topics like React, Redux, MobX, Flow, and ESLint ([0]). This book looks to be even better. I'm going to preemptively recommend it without having even read it yet, because I know it'll be extremely well written. As a similar note and bit of a self-plug: I keep a big list of links to high-quality tutorials on React, Redux, and related topics, at [1]. Specifically intended to be a great starting point for anyone trying to learn the ecosystem, as well as a source of quality info on more advanced topics. I've also been blogging at [2] on React and Redux usage, and just posted "Practical Redux Part 5: Loading and Displaying Data" [3], the latest in a tutorial series intended to demonstrate some intermediate to advanced usages of React and Redux. [0] http://www.robinwieruch.de/ http://www.robinwieruch.de/ [1] https://github.com/markerikson/react-redux-links https://github.com/markerikson/react-redux-links [2] http://blog.isquaredsoftware.com/ http://blog.isquaredsoftware.com/ [3] http://blog.isquaredsoftware.com/2016/12/practical-redux-part-5-loading-and-displaying-data/ http://blog.isquaredsoftware.com/2016/12/practical-redux-par...

brianyu8 10y ago
Do you know of any high quality Vue tutorials such as the one in OP?
- acemarke 10y ago
  Afraid not. I haven't used Vue or tried to learn it, so I haven't accumulated any relevant links. That said, I'd generally suggest starting with the official docs, and the "awesome-vue" list looks like a good set of resources: https://github.com/vuejs/awesome-vue https://github.com/vuejs/awesome-vue
- rmason 10y ago
  Here's a great series on Vue 2: https://www.youtube.com/watch?v=vzSjlLzGB1A&list=PLwAKR305CRO_1yAao-8aZiQnBqJeyng4O https://www.youtube.com/watch?v=vzSjlLzGB1A&list=PLwAKR305CR... Egghead also has got a Vue 2 series but I've yet to watch it though it comes recommended. https://egghead.io/courses/develop-web-apps-with-vue-js https://egghead.io/courses/develop-web-apps-with-vue-js
- WildGreenLeave 10y ago
  If you don't mind video guides, I can really recommend Laracasts[0]. The name implies that it only talks about Laravel, but it does not. :) Jeffrey is a great teacher and explains everything really well. [0] https://laracasts.com/series/learn-vue-2-step-by-step https://laracasts.com/series/learn-vue-2-step-by-step
- anonova 10y ago
  Not a tutorial, but one of the official vue demos is a Hacker News clone: https://github.com/vuejs/vue-hackernews-2.0 https://github.com/vuejs/vue-hackernews-2.0
xenihn 10y ago
Thanks for these. Out of curiosity, do you currently work with React on a daily basis?
- acemarke 10y ago
  Yep, using it in my main work project right now (as well as the sample app I'm writing for my tutorial series).
BigJono 10y ago
Thanks for recommending Robin's other articles! I've never seen them before and they look fantastic. I was sold as soon as I saw this paragraph near the start of the Redux vs MobX article: "Everyone wants to have state management in an application. But what problem does it solve for us? Most people start with a small application and already introduce a state management library. Everyone is speaking about it, aren’t they? But most applications don’t need ambitious state management from the beginning. It is even more dangerous, because most people are never going to experience which problems libraries like Redux or MobX solve." One of my biggest annoyances with Javascript is that people who create new tools fail to educate potential users about the problems the tools solve, and as a consequence, a lot of developers just build these huge stacks with all the trendy tools without even knowing why they're using them. Often in the documentation for a tool there's too much focus on the 'what' and not enough on the 'why'. The more writers harp on this point and encourage developers to learn about the tools they're using, the healthier the Javascript ecosystem will be in the long term.
- netghost 10y ago
  To be fair Dan Abramov, who wrote Redux, repeatedly tells folks they don't need it: https://medium.com/@dan_abramov/you-might-not-need-redux-be46360cf367#.pdph5d53q https://medium.com/@dan_abramov/you-might-not-need-redux-be4... Unfortunately, the general sense from the community is that it's an essential piece of the React ecosystem.
  - jasoncchild 10y ago
    Dan is correct (naturally); depending on complexity and scope redux can be a drag. For a small project I will use an event emitter to communicate state change requests to my top level component. These sort of things tend to only have a handful of components anyhow.
  - shermablanca 10y ago
    All respects to Dan Abramov, this is not necessarily true. Under the guidance of the right teacher, who knows the use cases and reasons for using redux with a React app, it can make perfect sense to learn them together. It's not easy, but most things worth it are not. There's a reason why many experienced developers choose Redux to manage the state of their React apps. Specially once you get into async and server-side rendering, you will want or need Redux middleware such as Redux-Thunk-- or perhaps you'd like to take it a step further into observables with RxJS and Redux-Observable. Perhaps these are all just a bunch of terms that you might not know that you need when you're first getting into React. But if you want performance and scalability -- and need an app that can withstand the pressures of today's demands -- then you may actually want to learn about all of these possibilities. But sure -- if you're just getting into react, then by all means learn React on its own. But if you're running a large production app, I would recommend that you use redux and perhaps RxJS in conjunction with it.

brianyu8 10y ago

Do you know of any high quality Vue tutorials such as the one in OP?

acemarke 10y ago
Afraid not. I haven't used Vue or tried to learn it, so I haven't accumulated any relevant links. That said, I'd generally suggest starting with the official docs, and the "awesome-vue" list looks like a good set of resources: https://github.com/vuejs/awesome-vue https://github.com/vuejs/awesome-vue
rmason 10y ago
Here's a great series on Vue 2: https://www.youtube.com/watch?v=vzSjlLzGB1A&list=PLwAKR305CRO_1yAao-8aZiQnBqJeyng4O https://www.youtube.com/watch?v=vzSjlLzGB1A&list=PLwAKR305CR... Egghead also has got a Vue 2 series but I've yet to watch it though it comes recommended. https://egghead.io/courses/develop-web-apps-with-vue-js https://egghead.io/courses/develop-web-apps-with-vue-js
WildGreenLeave 10y ago
If you don't mind video guides, I can really recommend Laracasts[0]. The name implies that it only talks about Laravel, but it does not. :) Jeffrey is a great teacher and explains everything really well. [0] https://laracasts.com/series/learn-vue-2-step-by-step https://laracasts.com/series/learn-vue-2-step-by-step
anonova 10y ago
Not a tutorial, but one of the official vue demos is a Hacker News clone: https://github.com/vuejs/vue-hackernews-2.0 https://github.com/vuejs/vue-hackernews-2.0

xenihn 10y ago

Thanks for these. Out of curiosity, do you currently work with React on a daily basis?

acemarke 10y ago
Yep, using it in my main work project right now (as well as the sample app I'm writing for my tutorial series).

BigJono 10y ago

Thanks for recommending Robin's other articles! I've never seen them before and they look fantastic. I was sold as soon as I saw this paragraph near the start of the Redux vs MobX article: "Everyone wants to have state management in an application. But what problem does it solve for us? Most people start with a small application and already introduce a state management library. Everyone is speaking about it, aren’t they? But most applications don’t need ambitious state management from the beginning. It is even more dangerous, because most people are never going to experience which problems libraries like Redux or MobX solve." One of my biggest annoyances with Javascript is that people who create new tools fail to educate potential users about the problems the tools solve, and as a consequence, a lot of developers just build these huge stacks with all the trendy tools without even knowing why they're using them. Often in the documentation for a tool there's too much focus on the 'what' and not enough on the 'why'. The more writers harp on this point and encourage developers to learn about the tools they're using, the healthier the Javascript ecosystem will be in the long term.

netghost 10y ago
To be fair Dan Abramov, who wrote Redux, repeatedly tells folks they don't need it: https://medium.com/@dan_abramov/you-might-not-need-redux-be46360cf367#.pdph5d53q https://medium.com/@dan_abramov/you-might-not-need-redux-be4... Unfortunately, the general sense from the community is that it's an essential piece of the React ecosystem.
- jasoncchild 10y ago
  Dan is correct (naturally); depending on complexity and scope redux can be a drag. For a small project I will use an event emitter to communicate state change requests to my top level component. These sort of things tend to only have a handful of components anyhow.
- shermablanca 10y ago
  All respects to Dan Abramov, this is not necessarily true. Under the guidance of the right teacher, who knows the use cases and reasons for using redux with a React app, it can make perfect sense to learn them together. It's not easy, but most things worth it are not. There's a reason why many experienced developers choose Redux to manage the state of their React apps. Specially once you get into async and server-side rendering, you will want or need Redux middleware such as Redux-Thunk-- or perhaps you'd like to take it a step further into observables with RxJS and Redux-Observable. Perhaps these are all just a bunch of terms that you might not know that you need when you're first getting into React. But if you want performance and scalability -- and need an app that can withstand the pressures of today's demands -- then you may actually want to learn about all of these possibilities. But sure -- if you're just getting into react, then by all means learn React on its own. But if you're running a large production app, I would recommend that you use redux and perhaps RxJS in conjunction with it.