React Universal Tutorial

This tutorial is designed to land you in a familiar place^1.—but also to get you introduced to a bunch of new front-end technologies. I appreciate the hundreds^2. of starter kits that came before, and all of the hard work that went into the bleeds, but I wanted to understand why.

The overarching goal of this repository is to provide some basic, digestible, leverage—so you can continue your research of learning all the things—or do whatever you want.

Goals

• Keep it simple^3.
• Understand design decisions
• Learn

Features

• Babel
• ESLint
• EditorConfig
• Express
• React
• React Router
• Redux
• Webpack

Getting Started

Install node.js.

git clone https://github.com/chemoish/react-universal-tutorial.git
cd react-universal-tutorial

cd …

npm install
npm start

Summary

So you probably are sitting there with your head in your hands… and you have 20 tabs open. I am so very sorry, but this is the current state of web. Hopefully, as you go through each step, look through each folder, you will slowly gain more insight to where we find ourselves today.

After you slowly demystify Webpack, Babel, and the like, building components will become more predictable/enjoyable.

And if this wasn't enough bleeds for you… Please check out the SUMMARY.

Troubleshooting

…

---

1. Instead of your mind imploding—http://i.imgur.com/sg017lt.gif
2. Some ludicrous number—http://i.imgur.com/RCsyMvx.gif
3. YAGNI, KISS, DRY, another dumb acronym, etc.—https://media.giphy.com/media/xTiTnpHkLq7IixxXjO/giphy.gif