Frontendrails logo Front End Rails

Unpacking the Mysteries of Webpack -- A Novice's Journey

Unpacking the Mysteries of Webpack -- A Novice's Journey

Viget Viget 28 August 2017

I'd worked on a handful of JavaScript applications with webpack before I inherited one in particular that had painfully sluggish builds. Even the incremental builds were taking up to 20 seconds...every single time I saved a change to a JS file. Being able to detect code changes and push them into my browser is a great feedback loop to have during development, but it kind of defeats the purpose when it takes so long.

Uploading file in an isomorphic ReactJS app

Uploading file in an isomorphic ReactJS app

Bigbinary Bigbinary 28 August 2017

This blog explains how to upload a file in an isomorphic app

New in Basecamp 3: An all-new Schedule design

New in Basecamp 3: An all-new Schedule design

Signal v Noise Signal v Noise 24 August 2017

Big update today! Starting right now, Basecamp 3 customers will see an entirely new design when they flip over to the Schedule screen in any team, project, or HQ. It was colorful, and it provided a…

Managing CSS & JS in an HTTP/2 World

Managing CSS & JS in an HTTP/2 World

Viget Viget 24 August 2017

We have been hearing about HTTP/2 for years now. We've even blogged a little bit about it. But we hadn't really done much with it. Until now. On a few recent projects, I made it a goal to use HTTP/2 and figure out how to best utilize multiplexing. This post isn't necessarily going to cover why you should use HTTP/2, but it's going to discuss how I've been managing CSS & JS to account for this paradigm shift.

New Syntax for HTML Tag helpers in Rails 5.1

New Syntax for HTML Tag helpers in Rails 5.1

Bigbinary Bigbinary 23 August 2017

Rails 5.1 introduces new shorter syntax for HTML tag helpers

A Quick Analysis of How Sinatra Works

A Quick Analysis of How Sinatra Works

Black Bytes Black Bytes 21 August 2017

What happens when you require sinatra into your project? How does route matching work? How are requests & responses processed? So many questions, but so little time… No problem! I did the hard work for you & put together this article where I answer these questions & more! Sinatra Initialization It all starts with one […]

Lean & Maintainable Reports with Heroku Dataclips

Lean & Maintainable Reports with Heroku Dataclips

Giant Robots Smashing into Other Giant Robots Giant Robots Smashing into Other Giant Robots 21 August 2017

Write testable reports in SQL that don’t erode over time.

Formatting on Slack

Formatting on Slack

Development Thoughts Development Thoughts 18 August 2017

Formatting on Slack is pretty straight forward, so here we go.

What I learned from reading spreadsheet_architect code

What I learned from reading spreadsheet_architect code

Arkency Arkency 18 August 2017

Recently I heard about spreadsheet_architect gem and I wondered a few things after reading its README. It all lead me to look into its code and wonder...

Open source lessons learned: My interview with GitLab’s CEO

Open source lessons learned: My interview with GitLab’s CEO

GitLab GitLab 18 August 2017

Stitch CEO and co-founder Jake Stein sits down for a pick your brain meeting with GitLab CEO Sid Sijbrandij.

Playing with React VR

Playing with React VR

Hashrocket Hashrocket 17 August 2017

The React concept of "Learn once, write anywhere" is virtually real, I mean, it is real!

A rebuttal of how to get developers to implement SEO recommendations

A rebuttal of how to get developers to implement SEO recommendations

Development Thoughts Development Thoughts 16 August 2017

This morning I read an article called “How to get developers to implement SEO recommendations”.

Ruby on the Command Line

Ruby on the Command Line

Hashrocket Hashrocket 15 August 2017

Ruby is strongly identified with Rails and web development. But Ruby is far more than a web language. Ruby has a rich set of tools for shell scripting and text processing.

Complete guide to form validation in Vue

Complete guide to form validation in Vue

Pusher Pusher 15 August 2017

This blog post was written under the Pusher Guest Writer program. VeeValidate is a validation library for Vue, that simplifies validation task in Vue projects. So far, the library supports Vue 2 and is quite popular among Vue developers, with more than 2k stars on Github. Vue’s reactivity makes forms interestingly simple to work with. […]

That one time I used recursion to solve a problem

That one time I used recursion to solve a problem

Arkency Arkency 11 August 2017

Some time ago I was working on a problem and I could not find a satisfactory solution. But it all turned out to be much simpler when I reminded myself about a tool that I rarely use: recursive function.