React - tl;dr

03. Enforcer Pattern

🎬 Find yourself copy-pasting small if-else statements across several functions? 💂‍♂️ With higher-order functions and the enforcer pattern, you can compose guard behaviors!

October 9, 2019 • 7 min read

tl;dr

02. Router Pattern

🎬 How do you tame if-else or switch statements that grow with every feature request? 😬 Let the Router design pattern turn your code inside out!

September 18, 2019 • 6 min read

tl;dr

01. Nested Ternaries

🎬 How many times does “else if” appear in your codebase? 😬 Here’s one way you can cut down on if-else statements: nested ternary expressions!

September 11, 2019 • 5 min read

React

Don’t Over React! Render Binary Data with Class.

Eventually, your React web app will accept file uploads. JavaScript has exceptional APIs for handling chunks of binary data, but the interaction with React can cause some major performance hiccups. Discover the performance implications of 5 different ways to work with user-submitted binary data!

December 5, 2017 • 7 min read

React

DESTROY ALL CLASSES: Turn React Components Inside Out with Functional Programming

With React's stateless functional components you can create ambitious apps that are 98% plain ol' JavaScript. In this real-world example, we'll use functional programming and higher-order components to turn class-based React Components into stateless functional components.

July 19, 2017 • 10 min read

06. Null Object Pattern

05. Exception Composition

04. Custom Exceptions

03. Enforcer Pattern

React.

03. Enforcer Pattern

02. Router Pattern

01. Nested Ternaries

Don’t Over React! Render Binary Data with Class.

DESTROY ALL CLASSES: Turn React Components Inside Out with Functional Programming