A Cartoon Into to Redux

A Cartoon Into to Redux

One thing that causes even more confusion than Flux is the difference between Flux and Redux, a pattern that was inspired by Flux. In this article I’ll explain the differences between the two.

A super-accessable introduciton to Redux, with lots of pictures. This was published last year, but I still love how Lin Clark did this. (bonus four-part series on Relay too)

Alexjc/neural-enhance

Alexjc/neural-enhance

As seen on TV! What if you could increase the resolution of your photos using technology from CSI laboratories? Thanks to deep learning and #NeuralEnhance, it’s now possible to train a neural network to zoom in to your images at 2x or even 4x. You’ll get even better results by increasing the number of neurons or training with a dataset similar to your low resolution image.

I remember the scene from Blade Runner with Deckard “enhancing” a low quality photo to reveal details not visible in the original, so literally, science-ficiton in 1984. Cue ahead a couple of decades and I would have been complaining about the bullshit they pull in shows like CSI (if you could have got me to watch it) when it comes to this stuff. Now it’s real, and downloadable from Github, and available in a docker image…

You Might Not Need Redux

You Might Not Need Redux

When you’re first starting out, your project probably doesn’t need to be isomorphic. You don’t need bundle splitting, you don’t need internationalization support or offline-first, and you don’t need advanced routing. In fact, you probably don’t need Redux at all!

Excellent advice – start simple and then add the things you need. Not every app needs every go-to library.

JavaScript Stack From Scratch

JavaScript Stack From Scratch

This is a minimalistic and straight to the point guide to assembling a JavaScript stack. It teaches you how to set up ES6, Babel, Gulp, ESLint, React, Redux, Webpack, Immutable, Mocha, Chai, Sinon, and Flow. It requires some general programming knowledge, and JavaScript basics. It focuses on wiring all these tools together and giving you the simplest possible example for each tool. You can see this tutorial as a way to write your own boilerplate from scratch.

This is a super useful guide to all the steps before you you even start to dive into the first feature of your next killer app. I’ve done all these things many times over, and with the rate of change in javascript font-end tooling (google “javascript fatigue”) there’s been many variations to this, although they all are wiring up the basics of libraries, build, test etc.

Next.js

Next.js

For many years now, we have been pursuing a vision of universal JavaScript applications. Node.js led the way, by enabling code sharing between client and server, broadening the contribution surface for many developers around the world.

Many attempts were made to make it practical to develop apps and websites on Node. Many template languages and frameworks came along… but the technical divide between frontend and backend remained.

zeit/next.js

A minimalistic framework for server-rendered React applications