Brandon Martel

63 Flips | 9 Magazines | 6 Likes | @BrandonMart14ih | Keep up with Brandon Martel on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Brandon Martel”

A Rock Solid, Modern Web Stack—Rails 5 API + ActiveAdmin + Create React App on Heroku

<b>How to blend a rock-solid CMS and API with the absolute best in front-end tooling, built as a single project and hosted seamlessly on Heroku.</b><p>Rails is …

JavaScript

Watch: How To Pair Typefaces So Your Texts Don’t Look Like Ransom Letters

[Click here to view the video in this article] <br>Video screenshot via The Web Designer<br>With the multiple troves of typefaces available on the internet, …

Top 10 Podcasts for Designers and Creatives

Ready for a good listen? A great podcast can provide inspiration as well as a mental break while you work or relax. There’s no shortage of …

Veasy.js

A comprehensive react form solution which aims to eliminate all tedious logic.<p><b>Documentation</b><p>Features<p>Field validation (We handle the validation …

Event Sourcing made Simple

tl;dr: Event Sourcing is to data what Git is to code. We’ve implemented a minimal event sourcing framework at Kickstarter to power d.rip. It’s simple …

Increase conversions on your e-commerce website with these basic UX and design tips

More traffic for your website is definitely good, but it is worth nothing if you fail to convert it. First of all, you need great quality and …

Upgrading a create-react-app project to a SSR + code splitting setup

<i>This article was first published on Medium.com.</i><p><b>UPDATE:</b> <i>This is part 1 of my</i> <b>CRA+SSR</b> <i>series:</i><p>Upgrading a create-react-app project to SSR + code …

Vue Design System

Vue Design System is a set of organized tools, patterns, and practices that work as the foundation for Vue.js application development. What initially …

Introducing Runnerty

Runnerty is an open source process orchestrator written in nodejs. It allows us to plan and configure workflows easily, providing a big amount of …

JavaScript

UI Experiments: Recipe Cards Options in a Food App

Good food is good mood — for most people that has been true for decades and centuries. Taking up the big part of human time and activity, no wonder …

Dissecting Kubernetes Deployments

<i>This post originally appeared on Heroku's Engineering Blog.</i><p>Kubernetes is a container orchestration system that originated at Google, and is now being …

DevOps

Vue.js Top 10 Articles for the Past Month (v.Feb 2018)

For the past month<b>,</b> we ranked nearly 1,000 Vue.js articles to pick the Top 10 stories that can help advance your career (1% chance).<p>Vue.js gained the …

Prettier: An Opinionated Code Formatter, Excellent for Open Source

As part of my work with Outreachy on Jaeger, an open source distributed tracing system, we’ve recently added Prettier to the Node.js client library. …

JavaScript

redux-bundler

Base recommendations for a React app.

This guide on Github.<p>What to use for …<p>Almost every library has a “clone” (alternative). You can find more than one library to solve a specific task. …

Vue app scaling, analysis of Vuex and comparison of state management solutions.

I am always interested in new tools that are inspired by other modern tools, that became popular earlier, because you can delegate 80/20 analysis of …

⚗ Zero config UI for Jest ⚗

The plan for Majestic v1<p>What is Majestic?<p>Majestic is an electron app that provides a UI for running tests with Jest. Jest CLI itself provides one of …

All the science fiction, fantasy, and horror books that everyone will be talking about in 2018

Bookshelf goals<p>With a new year comes the promise of new books hitting bookstores. 2018 is shaping up to have plenty of adventures to delve into — taking readers to distant planets, fantastical realms, and beyond. We’ll meet some authors publishing their first-ever novels, and we’ll become …

Introducing Hyperapp 1.0 🎉

1 kB JavaScript library for building web applications.<p>Today, I’m excited to announce <b>Hyperapp</b> 1.0!<p>This milestone means the API has reached stability …

unchanged

A tiny (~1.6kb minified+gzipped), fast, unopinionated handler for updating JS objects and arrays immutably.<p>Supports nested key paths via path arrays …

Tutorial: Setting up React with Parcel. A comparison with Webpack 3

<i>Learn how to configure React with Parcel module bundler in this brief tutorial</i><p><b>Parcel</b> is a new <b>module bundler</b> for Javascript applications. It offers …

A Real-World Comparison of Front-End Frameworks with Benchmarks

Photo by delfi de la Rua on UnsplashOver the last couple of years we have seen an explosion of front-end frameworks. Each one of them is more than …

Composable Query Builders in Rails with Arel

We'll use Arel to build a flexible query builder class that will allow us to dynamically search our database given any search form input.<p>This post …

How GitLab switched to Headless Chrome for testing

GitLab recently switched from PhantomJS to headless Chrome for both our frontend tests and our RSpec feature tests. In this post we will detail the …

Frontend in 2017: The important parts

A lot has happened in 2017, and it can be a bit overwhelming to think about. We all like to joke about how quickly things change in frontend …

How Etsy caches: hashing, Ketama, and cache smearing

At Etsy, we rely heavily on memcached and Varnish as caching tiers to improve performance and reduce load. Database and search index query results, …

Databases

Web Design Layout Collection by Creative Mints

After a long Weekend of rest, I thought we should start it all with a burst of web design inspiration. A collection really well-designed by …

Graphic Design

Vue.JS Top 10 Articles for the Past Month (v.Nov 2017)

For the past month<b>,</b> we’ve ranked nearly 700 Vue articles to pick the Top 10 stories that can help advance your career (1.3% chance).<p>Mybridge website …

GraphQL Server Basics: GraphQL Schemas, TypeDefs & Resolvers Explained

This article only touches on <b>plain GraphQL</b> functionality — there’s no notion of a network layer defining <b>how</b> the server communicates with a client. The …