Frontendrails logo Front End Rails

ActionCable: The Missing Guide

ActionCable: The Missing Guide

Codeship Codeship 15 March 2017

Last updated:Wednesday, March 15, 2017ActionCable was introduced to Rails as of version 5. It allows you to create pub/sub WebSocket connections in your Rails application, which brings live updates to your user experience. ActionCable upgrades an HTTP connection between the server and client to a WebSocket. Some of the benefits of a WebSocket is that […]

How to build a live comment feature using JavaScript

How to build a live comment feature using JavaScript

Pusher Pusher 03 March 2017

This blog post was written under the Pusher Guest Writer program. These days Social has become the buzzword and we all want our apps to be the centre of these amazing social conversations. Comments on a post, video, update or any feature of your new app is a great way to add fun & enriching […]

Testing Routes in Angular 2

Testing Routes in Angular 2

Semaphore Semaphore 01 March 2017

Dive back into Angular 2, and learn how to test routes in a new tutorial in our series on test-driven development with Angular 2 and Webpack.

Test-Driven Development for JavaScript

Test-Driven Development for JavaScript

Codeship Codeship 28 February 2017

Last updated:Tuesday, February 28, 2017JavaScript is handsdown the strangest language I’ve ever had to test. Its also one of the most popular ones out there right now. The influx of JavaScript developers tells us that a lot of modern-day web development is starting to focus more and more on the frontend. This trend is interesting […]

Slicing up Rails Application.js for Faster Load Times

Slicing up Rails Application.js for Faster Load Times

Giant Robots Smashing into Other Giant Robots Giant Robots Smashing into Other Giant Robots 27 February 2017

How to profile page load performance in Chrome and break out modular JavaScript assets.

JavaScript Tips: Redefining userAgent property

JavaScript Tips: Redefining userAgent property

Karol Galanciak Karol Galanciak 26 February 2017

Karol Galanciak - Ruby on Rails and Ember.js consultant, building ambitious and high performant web applications.

How to build a ‘who’s typing’ feature in Javascript

How to build a ‘who’s typing’ feature in Javascript

Pusher Pusher 21 February 2017

This blog post was written under the Pusher Guest Writer program. A popular feature of chat applications is the ‘who’s typing’ feature, which displays the name or username of who is currently typing. In this tutorial, we will walk through how to build a ‘who’s typing’ feature in a chat application using Pusher with Javascript. […]

Becoming a JavaScript developer

Becoming a JavaScript developer

Capsized Eight Capsized Eight 16 February 2017

The journey to becoming a developer is not easy, especially if you want to become a JavaScript developer. On your way to success, you'll discover and use various tools, a ton of frameworks, and even more libraries.

How to test a React app using capybara-webkit

How to test a React app using capybara-webkit

Ombulabs Ombulabs 13 February 2017

I have been using the capybara-webkit gem for a while now since I first tried it out after making the switch from Capybara + Selenium. Using capybara-webkit speeds up my Selenium tests due to its headless nature, and it's very straightforward. However, I had some trouble testing a Rails based React app. In this post, I will explain how I worked around the issues that came up when trying to use capybara-webkit with React.

Our Big Frontend Plan Revealed

Our Big Frontend Plan Revealed

GitLab GitLab 06 February 2017

Our long term plan to make GitLab as fast and performant as possible with Vue and webpack.

Testing React Components with AVA

Testing React Components with AVA

Semaphore Semaphore 01 February 2017

In this tutorial, we will build the actual UI for our todo application using React. We'll connect our React components to the Redux store, test them using AVA and Airbnb's Enzyme, and see how React makes it easy to write both isolated unit tests and full integration tests.

JQuery-Free Rails and Legacy Browsers

JQuery-Free Rails and Legacy Browsers

Honeybadger Honeybadger 30 January 2017

Rails 5.1 will no longer depend on JQuery. I ran the UJS test suite on several versions of IE to see how nicely the new system plays with legacy browsers.

Squeezing Webpack into backend frameworks

Squeezing Webpack into backend frameworks

Capsized Eight Capsized Eight 24 January 2017

If you ever made a website, it probably contained some assets like images, CSS and JavaScript. In order for a page to be fast, it’s a good idea to concatenate all your JavaScript assets into one file and all your CSS assets into another. Caching might also be tricky…

JavaScript: The Surprising Parts

JavaScript: The Surprising Parts

Karol Galanciak Karol Galanciak 22 January 2017

Karol Galanciak - Ruby on Rails and Ember.js consultant, building ambitious and high performant web applications.

Up and Running with Vue.js

Up and Running with Vue.js

Codeship Codeship 18 January 2017

You don’t need another JavaScript framework. You’ve got one you’re using. Hopefully you’re happy with it. You just read eight other articles about other awesome, shiny, new, amazing, fabulous frameworks with astounding new features that will change your very existence into something incredible. Right? I did. Vue.js is (like many other frameworks) worthy of all […]