Another React universal tutorial.
Goals
Create simple website with galleries page, blog and text pages. In the process develop a skeleton for future websites/applications.
Codebase should be modular. Introducing new functionality (e.g. partners) should not require any modification of core files.
Website should support server-rendering for search engine friendliness, reusing as much code as possible.
Audience of this tutorial and some intro.
This tutorial is primarily for developers that have some experience with React/React-router/Redux stack but want to have another look on how we can make them work together.
If you're new to React universe, which is neighboring the universe called "Webpack", while universes "PostCSS", "ESLint" and many others lurk nearby, it's probably too early for you to spend time on this read. It assumes knowledge of basic concepts of React and Redux as well as supporting libraries such as react-redux and react-redux-router. But you can read this to better understand what lies ahead and that it's not too late to abandon ship and look for greener pastures. Just kidding, React is awesome.
If you're a seasoned developer that got this all figured out long ago, you may (or may not) find some new perspective on the problems you've already solved.
In no way this tutorial is supposed to be "the right one", "the ultimate" or any of that. It's a result of many hour of frustration, banging head against the wall, revelations and epiphanies. I want to try and give something back to the community that provided me with such wonderful tools like React, Redux, React-router, Webpack, Node, Express and many others.
This tutorial will focus on React, Redux and React-router. I won't be covering configs, setups, webpack, tesing, etc, because I might as well write a book and register .io domain, and we've got enough of those already. You will find all configs in repo, if anything is unclear to you there - feel free to comment or contact me.